ベストアンサー

ラジオボタンの分岐方法に関して

2001/02/13 02:40

稚拙な質問で申し訳ないんですがラジオボタンを「はい」と選択し、ページ下の送信ボタンを押すとa.htmlへラジオボタンを「いいえ」と選択し、ページ下の送信ボタンを押すとb.htmlへという処理を行いたいのですがどのようなコードを書けばいいのでしょうか？どなたか教えてください。私事で恐縮なのですが、今週の水曜までに完成させないといけなくて困ってます。宜しくお願い致します。

take_nichan
お礼率100% (2/2)

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

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

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

ベストアンサー

arthur
ベストアンサー率34% (15/43)

2001/02/13 11:11 回答No.1

まずラジオボタン２つ（”はい”と”いいえ”）と送信ボタンを用意します。 <form name="yesno"> はい：<input type="radio" name="check"><br> いいえ：<input type="radio" name="check"><br> <input type="button" value="送信" onClick="page()"> </form> 次に処理部ですが、以下のとおりです。 <SCRIPT language="JavaScript"> function page(){ //「はい」のラジオボタンがチェックされている時 if(document.forms["yesno"].elements[0].checked == true){ location.href = "a.html" ; } //「いいえ」のラジオボタンがチェックされている時 else if(document.forms["yesno"].elements[1].checked == true){ location.href = "b.html" ; } } </SCRIPT> これでOKです。また不明な点がありましたら補足ください。

質問者

お礼 2001/02/14 00:12

arthur様大変早いご回答有難うございました。おかげで助かりました。お2人から回答いただけてカンゲキしております。先ほどの387様へのお礼に抜けていましたがお2人とも甲乙つけがたいご回答でしたが、先着順でつけさせていただきました今後とも宜しくお願い致します。

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

その他の回答 (1)

387
ベストアンサー率66% (40/60)

2001/02/13 11:25 回答No.2

以下のサンプルで如何でしょうか？ IE 5と NN 6で動作確認しています。ラジオボタンのどれがチェックオンになっているかを調べるのがポイントです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <HTML Lang="Ja"> <HEAD> 　<META HTTP-Equiv="Content-Type" Content="text/html; charset=Shift_JIS"> 　<META HTTP-Equiv="Content-Script-Type" Content="text/javascript"> 　<TITLE>ラジオボタンで飛び先を振り分け</TITLE> 　<SCRIPT Type="text/javascript" Language="JavaScript"> 　 　</SCRIPT> </HEAD> <BODY> 　<FORM Name="Form1" onSubmit="funcJump( this ); return false;"> 　　<INPUT Name="dtJump" Type="Radio" value="a.htm">はい<BR> 　　<INPUT Name="dtJump" Type="Radio" value="b.htm">いいえ<BR> 　　<INPUT Name="btn1" Type="Submit" Value="送信"> 　</FORM> </BODY> </HTML>

質問者