jquery check-uncheck复选框

Question

当我点击Problem时，两个复选框都必须选择/取消选择。我想多次选择和取消选择复选框。它只适用于选择然后取消选择（2次），然后不再工作。

我的代码：

$(document).ready(function() { 
     $('#CHECK-ALL').click(function() { 
      if ($(this).is(':checked')) { 
       $('#P').attr('checked',true);     
      } else { 
       $('#P').attr('checked',false);     
      } 
     }); 
    }); 

Answer 1

你使用了错误的方法，你应该使用prop

$(document).ready(function() { 
    $('#CHECK-ALL').click(function() { 
     if ($(this).is(':checked')) { 
      $('#P').prop('checked',true);     
     } else { 
      $('#P').prop('checked',false);     
     } 
    }); 
}); 

您的代码可以减少到

$('#CHECK-ALL').click(function() { 
    $('#P').prop('checked', this.checked);     
}); 

设置属性时，它可以正常工作，但不会更改属性，因此下次您检查$(this).is(':checked')时，它仍然未选中，因为它会检查属性，而不检查属性，因此它不起作用。