javascript - 两个复选框同时被选中

Question

我有两个复选框。我需要的是当有人选中其中一个框时，它也会自动检查另一个框。反之亦然，如果有人取消选中其中一个框，则同时取消选中两个. 这是表格上的一个捆绑包，没有另一个他们不能得到一个。

<input type="checkbox" id="chk1" name="chk1" value="100">Voicemail<br />
<input type="checkbox" id="chk2" name="chk2" value="50">VM Support

任何帮助是极大的赞赏！

score 2 · Accepted Answer

为什么不是这个？

<input type="checkbox" id="chk1" name="chk1" value="100">
<label for="chk1">Voicemail and VM Support</label>

score 1 · Accepted Answer

假设您只想测试这两个复选框（而不是页面上的每个复选框），您可以使用jQuery Multiple Selector来访问这两个复选框的onClick事件。使用this您可以测试刚刚单击的复选框的选中状态，然后分配两个复选框的状态以匹配刚刚单击的复选框。

$('#chk1, #chk2').on('click', function(){
    var checked = $(this).is(':checked');
    $('#chk1, #chk2').attr('checked', checked);
});

score 0 · Accepted Answer

试试这个

$('#chk1 , #chk2').on('click', function(){

    $('#chk1 , #chk2').attr('checked', $(this).is(':checked'))
});

3 回答 3