jQuery控制互斥和条件复选框

Question

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

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

只有在同时检查了 C 时才能检查 D。

是否可以在单击或更改事件上添加 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>