[解決済み] jQueryを使用してすべてのチェックボックスをチェックする方法は？

質問

私はjQueryの専門家ではありませんが、私のアプリケーションのために小さなスクリプトを作成しようとしました。私はすべてのチェックボックスをチェックしたいのですが、それは正しく動作しません。

まず attr を使ってみて、その後に prop が、何か間違っているような気がします。

まず、これを試してみました。

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').attr('checked','checked');
  } else {
      $('input:checkbox').removeAttr('checked');
  }       
});

しかし、これはうまくいかなかった。

次に これは上記のコードよりもうまくいきました

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').prop('checked',true);
  } else {
      $('input:checkbox').prop('checked', false);
  }       
});

どちらの例もうまくいきません。

JSFiddleです。 http://jsfiddle.net/hhZfu/4/

解決方法は？

を使用する必要があります。 .prop() を使用して、checked プロパティを設定します。

$("#checkAll").click(function(){
    $('input:checkbox').not(this).prop('checked', this.checked);
});

デモの様子 フィドル