1. ホーム
  2. javascript

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の仕様に組み込むことができます。