ラジオボタンが複数選択されてしまう場合の解決方法

プログラミング

2020.06.30

ラジオボタンが両方選択できてしまう時にチェックする箇所を解説します。

チェック箇所

name に指定されている値が統一されているか確認しましょう。

同じにしないと同じグループのラジオボタンと認識されません。

<input type="radio" name="example1" value="1" checked>ボタン１

<input type="radio" name="example2" value="2">ボタン２

ボタン１ボタン２

<input type="radio" name="example" value="1" checked>ボタン１

<input type="radio" name="example" value="2">ボタン２

ボタン１ボタン２