编辑: 我应该解释一下第二组复选框,只有在用户从第一组选择了某些内容时才会启用 - 如果用户选择第一个复选框,则第二个复选框将启用,而如果他们选择第一组中的第二个框,则第二组的不同复选框将被启用。抱歉,我应该解释得更清楚。
现在,当用户选择1时,第二个列表中的正确复选框将启用,但当用户取消选择时,它不会被禁用。
jsFiddle链接:http://jsfiddle.net/pvSeL/ 因此,我想要实现的是,当用户选择复选框时,相关项目将被启用,当他们取消选择复选框时,这些项目将被禁用。
我有两个系列的复选框,如下所示:
<input class="oDiv" type="checkbox" value="1" />
<input class="oDiv" type="checkbox" value="2" />
<input disabled="disabled" class="Spec" type="checkbox" value="1" />
<input disabled="disabled" class="Spec" type="checkbox" value="2" />
<input disabled="disabled" class="Spec" type="checkbox" value="5" />
<input disabled="disabled" class="Spec" type="checkbox" value="8" />
<input disabled="disabled" class="Spec" type="checkbox" value="10" />
<input disabled="disabled" class="Spec" type="checkbox" value="30" />
我有一些 jQuery 代码,可以根据选择启用第二组复选框:
$('.oDiv').on('click', function() {
var select = $(this).val();
if(select==1){
$('.Spec:eq(1)').prop('disabled', false);
}
else{$('.Spec').prop('disabled', true);}
});
现在,当用户选择1时,第二个列表中的正确复选框将启用,但当用户取消选择时,它不会被禁用。
jsFiddle链接:http://jsfiddle.net/pvSeL/ 因此,我想要实现的是,当用户选择复选框时,相关项目将被启用,当他们取消选择复选框时,这些项目将被禁用。
checked
状态会改变。与其使用复选框的值进行比较,建议使用它的状态。 - TiMESPLiNTER