使いやすいラジオボタン・チェックボックス

@iwasaki 13views 更新:2017年5月16日

ラジオボタンやチェックボックスなど、ラベルとなるテキストをクリックした際にも反応させるには以下のように書きます。

<input type="radio" id="hoge_off" name="hoge" value="F" ><label for="hoge_off">無効にする</label></p>
<input type="radio" id="hoge_on" name="hoge" value="T" ><label for="hoge_on">有効にする</label></p>

これがないと、テキストをクリックしても何も反応しないため、ユーザーの使いがっってが下がってしまうので注意ですね。

https://github.com/aipocom/aipo/commit/77fe974aca7832506d94d68fbaa31029701655ba

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません