Javascript 同时选中两个复选框

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

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

语音信箱

虚拟机支持

非常感谢您的帮助

为什么不是这个

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

语音邮件和虚拟机支持

试试这个

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

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

---

假设您只想测试这两个复选框（而不是页面上的每个复选框），您可以使用访问这两个复选框的

onClick

事件。使用

此

可以测试刚刚单击的复选框的选中状态，然后将两个复选框的状态分配给与刚刚单击的复选框相匹配的复选框

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

---

输入标签需要关闭：

Voicemail
VM Support

Lucas Green的解决方案是您的最佳选择，否则您使用的是javascript，虽然它可以工作，但可以禁用，在这种情况下，检查同步不会发生。因此，合并表单，互斥=单个选项。那么页面中将有多少复选框捆绑包？问题上的标记是针对javascript/jquery的，因此我假设需要两个复选框，并且可以接受需要javascript而不仅仅是html的解决方案。@doublesharp Fair one，很好。只有合理地假设user1708740知道他们的需求！它会更改文档中所有复选框的值。当提交表单以导入其ERP解决方案时，该客户需要在两行单独显示该复选框，因此采用双复选框方法：（@user1708740您不能使用隐藏字段吗？如果您将检查与脚本绑定在一起，它不会对所有人都有效。这在技术上是一个更好的设计，但不符合问题的要求-很可能有一个业务需求需要一个不太完美的技术解决方案。太好了！这个解决方案成功了！它成功了是表格上唯一的复选框，我已经为此辛苦了好几天了！谢谢！