重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

解決済

  • 質問者：caramel1211
  • 質問日時：
  • 回答数：1件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

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>
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報