ラジオボタン、押しにくいですよね。
スマホとかだと特に。
labelで囲うてもありますが、例えば、テーブルや定義リストなんかで、
左側にラベル、右側にラジオボタンのみみたいな感じになった場合、
ラベルと要素が離れちゃうのでこの方法でもうまくいきません。
そんな時はこうすると便利です。

さらに、ラジオボタンがいるセル全体もクリック可能にしておくと、何度もタップして「あっれー?反応しないぞ??」といった状況を防げるかもしれません。

デモ

まとめ

指定した要素の中に任意の子要素がいるかを調べるには

ラジオボタンの制御は

checkedの値をON、OFFするので チェックボックにもつかえます。

コメントする