jquery - 选中/取消选中表格中的所有复选框

Question

我有一个带有复选框列的表格，我添加了以下内容:

<th>
    <input type="checkbox" id="selectAll">
</th>

这是我的 jQuery 函数:

jQuery(document).ready(function() {
   jQuery('#selectAll').click(function(){ 
   jQuery("input[type='checkbox']").attr('checked', jQuery('#selectAll').is(':checked')); }) 
});

第一次检查时工作正常，但当我取消选中并尝试再次检查时，它不起作用!有什么原因让它不起作用吗？谢谢

Answer 1

尝试使用.prop()和this.checked:

jQuery(document).ready(function() {
   jQuery('#selectAll').click(function(){ 
       jQuery("input[type='checkbox']").prop('checked', this.checked); 
    }) 
});