IT×LIFE

web系お勉強ノート+映画読書記録+お勉強記録(放送大学)+ITコミュニティ管理(リンクへ!)

【javascript】nameが別名のラジオボタンを片方だけチェック可に変更したい

複数選択可能のチェックボックス→一つだけ選択可のラジオボタン

通常、nameの部分を揃えて仕舞えば、

<input type="radio" value="test" name="A" >
<input type="radio" value="test" name="B" >

片方だけチェックできる様になる。 今回は元々の検索機能が同じnameを使っていた。 nameは変えずに、片方だけチェックさせたい。

調べた結果、こちらでできる。

<input type="radio" value="A" name="A" onclick="if(this.form.B.checked){this.form.B.checked=false;}">
<input type="radio" value="B" name="B" onclick="if(this.form.A.checked){this.form.A.checked=false;}">

☆Bをチェックした時、もしAがチェックされていたらAのチェックを解除する。 そうすると、実質片方だけチェックを実現できる。

地味にハマったので、いつかの為のメモ。