jQuery でチェックボックスに「チェック済み」を設定する 質問する

jQuery でチェックボックスに「チェック済み」を設定する 質問する

jQuerycheckboxを使用してチェックマークを付けるには、次のような操作を実行したいと思います

$(".myCheckBox").checked(true);

または

$(".myCheckBox").selected(true);

そんなものがあるのでしょうか?

ベストアンサー1

モダンなjQuery

使用.prop():

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

1つの要素だけを扱う場合は、常に基礎となる要素にアクセスすることができます。HTMLInputElementそしてその.checked財産:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

代わりに.prop()およびメソッドを使用する利点は、一致するすべての要素に対して操作が行われることです。.attr()

jQuery 1.5.x 以下

この.prop()方法は利用できないので、.attr()

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

これはjQuery のバージョン 1.6 より前のユニットテストで使用されていたアプローチを使用する方が望ましい。$('.myCheckbox').removeAttr('checked');なぜなら、ボックスが最初にチェックされていた場合、後者は呼び出しの動作を変更するからである。.reset()これが含まれるあらゆるフォームで、微妙ではあるがおそらく歓迎されない動作の変更が発生します。

checkedより詳しい情報については、 1.5.xから1.6への移行における属性/プロパティの取り扱いの変更に関する不完全な説明が以下にあります。バージョン 1.6 リリースノート属性とプロパティのセクション.prop()ドキュメンテーション

おすすめ記事