[解決済み] jQueryでチェックボックスに "checked "を設定する
2022-03-15 07:16:20
質問
にチェックを入れるために、以下のようなことをしたいと思います。
checkbox
を使って
jQuery
:
$(".myCheckBox").checked(true);
または
$(".myCheckBox").selected(true);
そんなものが存在するのだろうか?
解決方法は?
モダンな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);
なお、これは
は、バージョン 1.6 より前の jQuery のユニットテストで使われていた方法です。
を使用するよりも望ましいです。
$('.myCheckbox').removeAttr('checked');
後者は、最初にボックスがチェックされていた場合、次の呼び出しの挙動が変わるからです。
.reset()
を含むフォームでは、微妙な、しかしおそらく歓迎されない動作の変化です。
より詳細な背景を知るためには、このような「Subject」の扱いに関する変更についての不完全な議論が必要です。
checked
属性は、1.5.x から 1.6 への移行に伴い、以下のようになりました。
バージョン1.6リリースノート
および
属性とプロパティの比較
の部分は
.prop()
ドキュメント
.
関連
-
vueにおけるfilterの適用シーンについて解説します。
-
Vueのフォームイベントのデータバインディングの説明
-
Vueのフィルタの説明
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】チェックボックスがチェックされているかどうかをjQueryで確認する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
JavaScriptのクロージャの説明
-
Vueの「データを聴く」原則を解説
-
Vueのフィルタの説明
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複