[HTML] ラベルをクリックしてもラジオボタンにチェックが反映されない時

ITHTML

ラジオボタンの id と ラベルの for を他の箇所で使用していないか確認してみてください。

CodePen1:

See the Pen ラベルをクリックしてもラジオボタンにチェックが反映されない by 原田順啓 (@nobuhiro_harada) on CodePen.

サンプル1:









2列目のラジオボタンをクリックしても、1列目のラジオボタンが反応します。(name が異なっていても)

記述箇所が近ければすぐ気付くと思うのですが、なかなか気づきませんでした。。

label タグで囲む書き方の方がいいですよね。

CodePen2:

See the Pen [HTML] ラベルをクリックしてもラジオボタンにチェックが反映されない時2 by 原田順啓 (@nobuhiro_harada) on CodePen.

サンプル2:






スポンサーリンク

Posted by nobuhiro harada