<input type="radio" name="xxxxx" value="xxxxx"><img src="xxxxx">とした場合に、ラジオボタンで選択したイメージ<img src="xxxxx">を表示させるにはどうしたらよいのですか？
どなたか教えてください、お願いします！！
投稿日時 - 2003-11-03 15:03:50
HTMLではできません。
JavaScriptを使用して下記のようにします。
ＨＰＢで作成
<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>
投稿日時 - 2003-11-03 16:35:16
0人が「このQ&Aが役に立った」と投票しています
OKWaveのオススメ
おすすめリンク
