ラジオボタンの選択で表示内容を変える

解決済

質問者：arisa5
質問日時：2002/12/10 15:09
回答数：3件

ラジオボタンＡ，Ｂの２つがあり、Ａを押したら
メッセージ１を、Ｂを押したらメッセージ２を、
ラジオボタンのすぐ横に表示させたいのですが、
私の探したJavaScriptのサンプルにはありませんでした。
どのようにしたら表示されるか、教えてください。
お願いいたします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： godakaz
回答日時：2002/12/10 16:52

<html>

<head>
<script language="javascript">

</script>
</head>
<body>
<form name="f" id="f">
<input type="radio" name="r" id="r" value="0" onClick="rdo(this);">A:
<input type="radio" name="r" id="r" value="1" onClick="rdo(this);">B:
<span name="0" id="0" style="display:none;">Message.1</span><span name="1" id="1" style="display:none;">Message.2</span>
</form>
</body>
</html>

回答その．２

ブロック要素としての表示（display=block）からインライン要素としての表示（display=inline）に変更し、かつ、フォーム要素の中にメッセージを入れたところ、無事に「横に表示」出来るようになりました。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。大変参考になりました。

通報する

お礼日時：2002/12/11 10:44

No.2

回答者： godakaz
回答日時：2002/12/10 16:38

<html>

<head>
<script language="javascript">

</script>
</head>
<body>
<form name="f" id="f">
<input type="radio" name="r" id="r" value="0" onClick="rdo(this);">A:
<input type="radio" name="r" id="r" value="1" onClick="rdo(this);">B:
</form>
<div style="position:absolute; left:100; top:20;">
<span name="0" id="0" style="display:none;">Message.1</span>
<span name="1" id="1" style="display:none;">Message.2</span>
</div>
</body>
</html>

メッセージ表示位置（divタグ）の left、top は、必要に応じて適宜調整してください。

- 0
- 件

通報する

No.1

回答者： ryoukun
回答日時：2002/12/10 16:28

「すぐ横」ってのは良く分からないけど、こんな感じ？

> <html>
> <SCRIPT LANGUAGE='JavaScript'>
> function oncli_rad(idx){
> if (idx==1){
> window.text1.value = "iti";
> }else{
> window.text1.value = "ni";
> }
> }
> </script>
> <body>
> <input type=radio name=radio0 Onclick="oncli_rad(1)">1<br>
> <input type=radio name=radio0 Onclick="oncli_rad(2)">2<br>
> <input type=text name=text1 value="">
> </body>
> </html>