最新閲覧日:

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

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

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

A 回答 (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">
 <!--
  function funcJump( oForm )
  {
   iLoopMax = oForm.elements[ 'dtJump' ].length ;
   for ( iLoop = 0; iLoop < iLoopMax; iLoop++ )
   {
    if ( oForm.elements[ 'dtJump' ][ iLoop ].checked )
     location.href = oForm.elements[ 'dtJump' ][ iLoop ].value ;
   }
  }
 //-->
 </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>
    • good
    • 0
この回答へのお礼

387様

大変早い回答ありがとうございます。
お2人からこんなに早く回答して頂いてカンゲキしております。
ありがとうございました。

お礼日時:2001/02/14 00:07

まずラジオボタン2つ(”はい”と”いいえ”)と送信ボタンを用意します。


<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です。
また不明な点がありましたら補足ください。
    • good
    • 0
この回答へのお礼

arthur様

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

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

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

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

このQ&Aを見た人が検索しているワード


人気Q&Aランキング

おすすめ情報