使用jquery选中并取消选中所有复选框

我正在使用此脚本来检查和取消选中所有复选框：

$('#checkall').click(function () { var checked = $(this).data('checked'); $('.chkall').find(':checkbox').attr('checked', !checked); $(this).data('checked', !checked); }); 

它工作得很好，但是一旦我在“全部检查”之后取消选中几个选中的复选框，然后再次点击“取消全部检查”和“全部检查”，则不再检查那些以前未选中的复选框。 帮助会很棒！ 非常感谢你！

Answer 1

这可能是正确的方法..

使用prop而不是attr并将div中的复选框列表分组，仅用于组织目的。 也可以使用checked ，不要否定它。

 $(document).ready(function() { $('#checkall').click(function() { var checked = $(this).prop('checked'); $('#checkboxes').find('input:checkbox').prop('checked', checked); }); }) 

   check / uncheck all 
 
 
         

Answer 2

 $('#checkall').click(function(){ var d = $(this).data(); // access the data object of the button $(':checkbox').prop('checked', !d.checked); // set all checkboxes 'checked' property using '.prop()' d.checked = !d.checked; // set the new 'checked' opposite value to the button's data object }); 

  check/uncheck all      

Answer 3

您只需要获取所有复选框并检查所有复选框。

 $('#checkall').click(function() { var _this = this; $('#checkboxes').find('input[name="checkAll"]').each(function() { if ($(_this).is(':checked')) { $(this).prop('checked', true); } else { $(this).prop('checked', false); } }); }); 

   check / uncheck all