如何在JQuery / JavaScript中取消選中一組復選框

Question

我試圖不選中全部和一組復選框（1、2、3） 。 例如，當未選中全部並選中1時 ，如果單擊全部 ，則應選中1 ，反之亦然。

 <input type="checkbox" name="checkAll" class="selectAll" /> All <br/> <input type="checkbox" name="checkuser" class="cb_box " /> 1 <input type="checkbox" name="checkuser" class="cb_box " /> 2 <input type="checkbox" name="checkuser" class="cb_box " /> 3 

我以這種方式嘗試過，但是沒有用。 有什么建議嗎？

$(function () {
 $('.selectAll').click(function () {
   $('input[name=checkuser]').attr('unchecked', $(this).attr('checked'));
});

Answer 1

使用這種方法

功能prop以及事件change

$('input[name="checkuser"]').prop('checked', $(this).is(':checked'));

 $(function() { $('.selectAll').change(function() { $('input[name="checkuser"]').prop('checked', $(this).is(':checked')); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="checkAll" class="selectAll" /> All <br/> <input type="checkbox" name="checkuser" class="cb_box " /> 1 <input type="checkbox" name="checkuser" class="cb_box " /> 2 <input type="checkbox" name="checkuser" class="cb_box " /> 3 

資源

• .prop()

Answer 2

$('.selectAll').click(function(){
     $(':checkbox.cb_box').prop('checked', this.checked);    
});