Question

我需要四个复选框 - A，B，C，D。

A，B和C是互斥的，因此一次只能检查其中一个。

只有在检查了C的情况下才能检查

。

是否可以在click或change事件上添加jQuery脚本来强制执行这些规则？

Answer 1

这是一个针对您的解决方案的JSFiddle。 Fiddle

And code:
<input type="checkbox" id="a"> A<br/>
<input type="checkbox" id="b"> B<br/>
<input type="checkbox" id="c"> C<br/>
<input type="checkbox" id="d"> D<br/>

<script>
$('#a').click(function(){
   $('#b').attr("checked", false);
   $('#c').attr("checked", false);
   $('#d').attr("checked", false);
});

$('#b').click(function(){
   $('#a').attr("checked", false);
   $('#c').attr("checked", false);
   $('#d').attr("checked", false);
});

$('#c').click(function(){
   $('#a').attr("checked", false);
   $('#b').attr("checked", false);
   $('#d').attr("checked", false);
});

$('#d').click(function(){
    if($('#c').prop('checked')){
        $('#d').attr("checked", !checkBoxes.prop("checked"));
    }else{
       $('#d').attr("checked", false);
    }
   $('#a').attr("checked", false);
   $('#b').attr("checked", false);
});
</script>

jQuery控制互斥和条件复选框

1 个答案: