jqueryのチェックボックスのリセット - 一貫性のない操作

Question

私は、チェックボックスをリセットするためのjQueryを使用したいです。このトピックのQ/Aを読んで、これを思いつきました：

<script> 
$(document).ready(function(){ 
    $("#clearall").click(function(){ 
     alert('clearing checkboxes'); 
     $('input:checkbox').attr('checked',false); 
    }); 
}); 
</script> 
<input id="cb1" type="checkbox" checked> 
<input id="cb2" type="checkbox" checked > 
<button id="clearall">Click me</button> 

ロード時に2つのチェックボックスがチェックされて表示されます。ボタンをクリックするとクリアされます。これは予想通りです。予想外のことは、ボックスをチェックしてボタンをクリックすると、チェックボックスがクリアされないということです。 javascriptのエラーや警告は表示されません。私はFirefox、Safari、Chromeの機能をチェックしていますが、3つすべて同じ方法で動作します。すべての試行で起動するアラートを挿入したので、関数は実行されていますが、チェックボックスは最初からリセットされません。誰でも、チェックボックスがユーザーによって設定された場合にクリアされない理由についての洞察を提供できますか？

Answer 1

ヒント：ブール属性を扱うとき（など、選択、チェックし、無効にするなど）、.prop()を使用して.attr()、.removeProp()、または.removeAttr()を使用することはありません。なぜですか？これは、thisとthisです。

• .attr()と.removeAttr()：プロパティは動的であり、属性はありません - 彼らは初期値が反映されます。

• .removeProp()：

  注：このようにチェック、無効化、または選択などのネイティブプロパティを削除するremoveProp()を使用しないでください。これにより、プロパティが完全に削除され、一度削除すると、再び要素に追加することはできません。

$(document).ready(function(){ 
 
    $("#clearall").click(function(){ 
 
     $('input:checkbox').prop('checked',false); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="cb1" type="checkbox" checked> 
 
<input id="cb2" type="checkbox" checked > 
 
<button id="clearall">Click me</button>

Answer 2

それは私の作品.removeAttr('checked')