0

我有个问题。我有一个无线电组选择，其中每个无线电输入都有一个带有图像的标签。

我试图让所有图像去饱和，除了所选图像。如果未进行选择（初始状态），则不应产生任何影响。

Belov 是 HTML 代码。任何提示都非常受欢迎。谢谢！

选择支付网关 

                <div class="gateway-container">
                    <label for="gateway1"><img src="img/deposit-0.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway1" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway2"><img src="img/deposit-1.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway2" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway3"><img src="img/deposit-2.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway3" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway4"><img src="img/deposit-3.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway4" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway5"><img src="img/deposit-4.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway5" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway6"><img src="img/deposit-5.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway6" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway7"><img src="img/deposit-6.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway7" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway8"><img src="img/deposit-7.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway8" class="gateway" />
                </div>

                <div class="gateway-container">
                    <label for="gateway9"><img src="img/deposit-8.png" alt="" /></label>
                    <input type="radio" name="gateway" id="gateway9" class="gateway" />
                </div>
4

1 回答 1

1

您可以循环浏览未选定收音机的所有图像：

$("input[name='gateway']:not(:checked)").prev("label").children("img").each(function() {
    //loops through each image corresponding to not checked radio buttons
});

我认为这应该是一个好的开始！

分解选择器：

input[name='gateway']选择具有名称的所有输入gateway

:not(:checked)过滤掉所有选中的单选按钮input[name='gateway']

.prev("label")找到前一个label元素

.children("image")获取输入的前一个标签的子图像元素。

于 2013-06-11T16:14:32.687 回答