如果选中，则不要取消选中（此选项），而选中其他（s）复选框

Question

选中复选框后，我点击其复选框，我不会取消选中复选框，而是另一个复选框....

一个例子：

如果选中复选框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;"/>

我怎么可能这样做？

Answer 1

你可以这样做：

HTML：

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

JQUERY：

$('.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);
}

})

FIDDLE：

FIDDLE EXAMPLE

---