ベストアンサー

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

2002/12/10 15:09

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

arisa5
お礼率70% (42/60)

JavaScript
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

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

ベストアンサー

godakaz
ベストアンサー率72% (16/22)

2002/12/10 16:52 回答No.3

<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）に変更し、かつ、フォーム要素の中にメッセージを入れたところ、無事に「横に表示」出来るようになりました。

質問者

お礼 2002/12/11 10:44

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

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

godakaz
ベストアンサー率72% (16/22)

2002/12/10 16:38 回答No.2

<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 は、必要に応じて適宜調整してください。

ログインすると、全ての回答が全文表示されます。

ryoukun
ベストアンサー率38% (16/42)

2002/12/10 16:28 回答No.1

「すぐ横」ってのは良く分からないけど、こんな感じ？ > <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>

質問者