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')時，它仍然未選中，因爲它會檢查屬性，而不檢查屬性，因此它不起作用。