Javascript 选中时，don'；t未选中此复选框，但选中其他复选框

当一个复选框被选中，我点击他的复选框时，我不会取消选中该复选框，而是另一个复选框

例如：

如果我选中复选框1，则选中复选框1
如果我选中复选框2，则选中复选框1和2
如果我选中复选框3，则选中复选框1、2和3

然后，例如，当选中复选框3时，我单击复选框2，我只想取消选中复选框3（而不是1和2）

这是我的起始代码：

<input type="checkbox" id="1" class="toggle" />
<input type="checkbox" id="2" class="toggle" onclick="document.getElementById('1').checked = this.checked;" />
<input type="checkbox" id="3" class="toggle" onclick="document.getElementById('1').checked = this.checked = false;document.getElementById('2').checked = this.checked = false;"/>

---

我怎么可能做到这一点呢？

您可以这样做：

HTML: 小提琴：

---

---

也在这里发布您的代码，至少供将来参考。这是要求还是您在实现过程中遇到了问题？发帖后你会想，是什么原因造成了这样一个可用性噩梦。如果你真的想要一个噩梦，那就用收音机吧instead@user3694393：你是说没有jQuery吗？@user3694393你添加了jQuery标记，所以我使用了jqueryNo，我会使用jQuery。别担心，我觉得复选框太复杂了，不符合我的要求。看这个：这就是我想要做的。如果我想点击一张卡片，我只需要取消选中前面的卡片

<input type="checkbox" id="chk1" class="chk"/>
<input type="checkbox" id="chk2" class="chk"/>
<input type="checkbox" id="chk3" class="chk"/>

$('.chk').change(function(){

if(this.id === "chk3")
    $(".chk").prop("checked",this.checked);
if(this.id === "chk2")
{
    $(".chk").prop("checked",!this.checked);
    $("#chk3").prop("checked",!this.checked);
}

})