Question

我有几个复选框：

<input class="time" id="test_1" type="checkbox" name="test1" value=""> test1<br>    
<input class="time" id="test_2" type="checkbox" name="test2" value=""> test2<br>
<input class="time" id="test_3" type="checkbox" name="test3" value=""> test3<br>
<input class="time" id="test_4" type="checkbox" name="test4" value=""> test4<br>
<input class="time" id="test_5" type="checkbox" name="test5" value=""> test5<br>

我打算做的是，当点击#test_1时，无论当前是否检查过，每个其他复选框都会被取消选中。

类似的东西：

$('#test_1').click(function() { 
  not $(this).attr('unchecked');
});

我不知道如何取消选中jQuery复选框。但我想说，不是这个复选框。这样就可以取消选中所有其他复选框。

提前致谢。

Answer 1

您可以使用单选按钮而非复选框轻松解决此问题。

<input class="time" id="show_15min" type="radio" name="time" value="15min"> 15min <br>
<input class="time" id="show_28min" type="radio" name="time" value="28min"> 28min <br> 
<input class="time" id="show_45min" type="radio" name="time" value="45min"> 45min <br> 
<input class="time" id="show_60min" type="radio" name="time" value="60min"> 60min <br>

Answer 2

试试这个：

var $unique = $('input.time');
 $unique.click(function() {
 $unique.filter(':checked').not(this).removeAttr('checked');
});

<强> Working Demo

Javascript / jQuery-如何在单击其中时取消选中所有其他复选框

2 个答案: