画像クリックでラジオボタン選択

質問

いくつかの画像と、それぞれの横にラジオボタンを表示しています。
今はラジオボタンをクリックしないと画像を選択したことになりませんが、画像をクリックするだけでラジオボタンがチェックされた状態にしたいと思っています。
教えてください。よろしくお願いします。

回答No.1

sight · ベストアンサー

その画像の onClickイベントを拾って、チェックしたいラジオボタンオブジェクトに対してclick()メソッドを実行してみてください。

こんな感じ
たくさんあるならメソッドでまとめた方がいいと思います。

<IMG SRC="image.jpg" WIDTH="30" height="30" onClick="javascript:document.form1.radio1.click()">

<FORM name="form1">
<INPUT TYPE="radio" name="radio1">
</FORM>

お礼

すいません！
個別にＩＤふったらいけました。
本当に助かりました！
ありがとうございました！

補足

回答ありがとうございます。
なんかいけそうな気がしてきたんですが、
画像が複数あってラジオボタンのnameが全て同じ場合、
どうしてもエラーが出てしまいます。
こういうときはどうすればよいのでしょうか？