Question

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

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

非常感谢任何帮助！

Answer 1

为什么不呢？

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

Answer 2

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

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

Answer 3

试试这个

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

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