labelタグは、inputを内包することで関連付けることが出来るが、コーディング上内包したくないときは多々ある。
これ以外にも関連付けの方法がある。それがfor。
下記のように内包されていなくてもforとinputについているidの番号が同じなら、あああをクリックするとあああに対応するチェックが入るようになります。
1 2 3 4 5 6 |
<input type="radio" name="あああ" id="1"> <label for="1">あああ</label> <input type="radio" name="いいい" id="2"> <label for="2">いいい</label> <input type="radio" name="ううう" id="3"> <label for="3">ううう</label> |