for=id "を使わずにラベルとチェックボックスを関連付けることは可能ですか?
2023-09-11 09:06:59
質問
チェックボックスにラベルを関連付けることが良い場合があることは知っています。
<input id="something" type="checkbox" value="somevalue" />
<label for="something">this is label text</label>
...しかし、私は
を持つ
を連想させるために id を使用する必要がありますか?
私が気にする主な理由は、ラベルをクリックしてチェックボックスの値を切り替えることができるのが好きだからですが、非常に単純なものにidを使用するという考えは好きではありません。
私はクリックされたラベルの前の要素(チェックボックス)を切り替えるためにjQueryを使用することができると思いますが、多分私が見逃している何かより簡単なものがあります。 https://stackoverflow.com/a/2720771/923817 は解決策のように見えたが、ユーザーはそれがIEで動作しないことを言った。
どのように解決するのですか?
はい、ラベルの中に入力を配置します。
<label><input type=checkbox name=chkbx1> Label here</label>
参照 暗黙のラベルの関連付け をHTMLの仕様に組み込むことができます。
関連
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] forEachループでasync/awaitを使用する
-
[解決済み] 配列の反復処理に "for...in "を使用するのは、なぜ良くないのでしょうか?
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] JavaScriptによるチェックボックスのチェック/アンチェック
-
[解決済み】チェックボックスがチェックされているかどうかをjQueryで確認する。
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] 各オブジェクトに?重複
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]
-
[解決済み] LABELタグのFOR属性を、INPUTタグのID属性なしで使用するには?