web-dev-qa-db-ja.com

クリック可能なラベルが付いたラジオグループ

私が収集したものから、ラジオボタンのラベルをクリック可能にするためには、両方の要素に同じ「名前」属性値を割り当てる必要があります。

私が抱えている問題は、ラジオボタンが複数ある場合に、「はい」または「いいえ」のタイプを選択することです。いずれかをクリックした場合に到達するために、もう1つの無効化は、両方のラジオボタンの "name"属性が同じ値である必要があることです。

両方を行うことは可能ですか？

<label for="no">No</label> 
<input type="radio" name="no" value="no" />

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" />
htmlformswebforms
25
user120944

id（not name）属性は、ラベルの for 属性で参照する必要があります。次のようになります。 http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" />

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" />
46
Ish

IDなしでラベルを書くこともできます：

<label>
  <input type="radio" name="mygroup" />
  My clickable caption
</label>

またはチェックボックス

<label>
  <input type="checkbox" name="mygroup[]" />
  My clickable caption
</label>
38
Racky