如何在单击一个复选框时灰显（禁用）所有其他复选框？

Question

例如我有4个复选框。如果我单击一个复选框，则所有其他框必须为灰色（禁用）....

Answer 1

<input type="checkbox" name="box1" >
<input type="checkbox" name="box2" >
<input type="checkbox" name="box3" >

如果要在取消选中时启用复选框，可以使用：

$('input[type="checkbox"]').click(function() {
    $(this).siblings().attr('disabled', this.checked);
});

JSfiddle

Answer 2

当选择第一个复选框时，这将禁用所有复选框。主要用于前端的“全部检查”。

HTML：

<input type="checkbox" name="box1" id="gowithit"> All
<input type="checkbox" name="box2" > Red
<input type="checkbox" name="box3" > Blue
<input type="checkbox" name="box4" > Green

使用Javascript：

$('#gowithit').click(function() {
    $(this).siblings().attr('disabled', this.checked);
});