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

解決済

質問者：take_nichan
質問日時：2001/02/13 02:40
回答数：2件

稚拙な質問で申し訳ないんですが

ラジオボタンを「はい」と選択し、ページ下の送信ボタンを押すとa.htmlへ
ラジオボタンを「いいえ」と選択し、ページ下の送信ボタンを押すとb.htmlへ
という処理を行いたいのですがどのようなコードを書けばいいのでしょうか？

どなたか教えてください。
私事で恐縮なのですが、今週の水曜までに完成させないといけなくて困ってます。宜しくお願い致します。

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： arthur
回答日時：2001/02/13 11:11

まずラジオボタン２つ（”はい”と”いいえ”）と送信ボタンを用意します。

<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です。
また不明な点がありましたら補足ください。

- 0
- 件

通報する

この回答へのお礼

arthur様

大変早いご回答有難うございました。
おかげで助かりました。
お2人から回答いただけてカンゲキしております。

先ほどの387様へのお礼に抜けていましたが
お2人とも甲乙つけがたいご回答でしたが、
先着順でつけさせていただきました
今後とも宜しくお願い致します。

通報する

お礼日時：2001/02/14 00:12

No.2

回答者： 387
回答日時：2001/02/13 11:25

以下のサンプルで如何でしょうか？

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>