• ベストアンサー

ラジオボタンについて教えてください!

<input type="radio" name="xxxxx" value="xxxxx"><img src="xxxxx">とした場合に、ラジオボタンで選択したイメージ<img src="xxxxx">を表示させるにはどうしたらよいのですか? どなたか教えてください、お願いします!!

質問者が選んだベストアンサー

  • ベストアンサー
noname#10926
noname#10926
回答No.1

HTMLではできません。 JavaScriptを使用して下記のようにします。 HPBで作成 <SCRIPT language="JavaScript"> <!-- function ImgSwap(imgName, imgSrc) { var appVer=parseInt(navigator.appVersion); var isNC=false,isN6=false,isIE=false; if (document.all && appVer >= 4) isIE=true; else if (document.getElementById && appVer > 4) isN6=true; else if (document.layers && appVer >= 4) isNC=true; if (isNC||isN6||isIE) { if (document.images) { var img = document.images[imgName]; if (!img) img = ImgFind(document, imgName); if (img) img.src = imgSrc; } } } function ImgFind(doc, imgName) { for (var i=0; i < doc.layers.length; i++) { var img = doc.layers[i].document.images[imgName]; if (!img) img = ImgFind(doc.layers[i], imgName); if (img) return img; } return null; } //--> </SCRIPT></HEAD> <BODY> <FORM><INPUT type="radio" onclick="ImgSwap('b', ***1.gif');" name="aaa" value="1">111<BR> <INPUT type="radio" onclick="ImgSwap('b', ***2.gif');" name="aaa" value="2">222<BR> <INPUT type="radio" onclick="ImgSwap('b', ***3.gif');" name="aaa" value="3">333</FORM> <P><IMG src="***0.jpg" width="74" height="100" border="0" name="b"></P> </BODY>

関連するQ&A