• ベストアンサー

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

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

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

  • ベストアンサー
  • arthur
  • ベストアンサー率34% (15/43)
回答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です。 また不明な点がありましたら補足ください。

take_nichan
質問者

お礼

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

その他の回答 (1)

  • 387
  • ベストアンサー率66% (40/60)
回答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"> 　<!-- 　　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>

take_nichan
質問者

お礼

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

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ラジオボタンのリセット方法

    現在フレームをつかって二分割しているんですが(A,Bとする) Bにラジオボタン選択画面にして ラジオボタンを選択してOKを押すと その処理をAで行い 新しい画面をAに出すと しています。 その際ラジオボタンを前に選択したものが 残ってしまい リセットしたいのですがどうしたらよいですか？

  • ラジオボタン

    エクセルでの質問です。 例えば、ラジオボタンで希望する、希望しないと選択式にして、 希望しないのラジオボタンを選択した際に、下の複数のセルに色をつける方法を教えてください。

  • ラジオボタンの様な選択方法

    Webページを作成しているのですが、 画面にテーブルを表示して テーブルの中の一つ箇所を排他的に選択できるようにし、 実行ボタンを押すと選択に対応した処理を実行したいと考えています。 (4×6のテーブルならば、24箇所の中から一箇所を選択した後に実行するという形です) 全ての箇所にラジオボタンを配置するのも不恰好ですし、 選択箇所のみをスイッチの様に出来る方法は無いでしょうか？

    • ベストアンサー
    • HTML
  • ＜至急お願いいたします。ラジオボタンについて。＞

    ＜至急お願いいたします。ラジオボタンについて。＞ こんにちは。 メモ帳からHTMLでホームページを作る際に ラジオボタンを使いたいのですが <form action="Ａ.htm"> <input type="radio" name="url" value="A.htm">Ｂ（ラジオボタンの横に来る言葉（ページ名など））<br> <br> <form action="Ｃ.htm"> <input type="radio" name="url" value="Ｃ.htm">Ｄ（B同様。）<br> <br> <input type="submit" value="Go"> と、やってもラジオボタンは２つともできるのですが 「Go」を押したときにAのページへは何の問題もなく飛べるのですが Bを選択して「Go」を押した際に、 Ｂページへは飛ばずにＡページに飛んでしまいます。 どなたかわかる方がいましたら よろしくお願いします。 わかりにくい説明で申し訳ありません(>_<) HTMLについては詳しくわからないど素人なので わかりやすい回答を頂けたら幸いです。

  • formのラジオボタン

    初心者です教えて頂きたいのですが フォームの送信先を自分自身（HTML）にして送信したとき 次に表示されるラジオボタンを送信前と同じ物を選択した状態にしたいのですが どうしたら良いですか？よろしくお願いします。

    • ベストアンサー
    • HTML
  • ラジオボタンを必須にしたい

    Javascript初心者です。 <input id="in-category-1" type="radio" name="category[]" value="1"> <input id="in-category-2" type="radio" name="category[]" value="2"> <input id="in-category-3" type="radio" name="category[]" value="3"> ～ <input id="in-category-11" type="radio" name="category[]" value="11"> <input id="publish" class="button-primary" type="submit" accesskey="p" tabindex="5" value="公開" name="publish"> 現在ある投稿フォームを作成しているのですが 上記HTMLのラジオボタン（1～11）がチェックをされないと 送信ボタンを押した際に「カテゴリ～を選んでください」と表示されるようにしたいです。 ページを読み込んだ時点ではどのラジオボタンにもチェックは入っていません。 この場合Javascriptによる処理をしたいのですが どの様に記述をすればよろしいでしょうか？ クリックを押した際にIf文で判定するという書き方をすれば良いのでしょうか？ 大変あつかましいお願いですがもしよろしければ サンプルコードなどを見せてください。

  • ラジオボタンによる表示、非表示について

    申し訳ありませんjavascriptにうといため、ご質問させてください。 ラジオボタンが”はい”と”いいえ”とあって、 その下の段落に表示と非表示させたいのですが、 まず最初に、何も選択されていない状態の時に、なにも表示されていない非表示の状態に、 ”はい”というラジオボタンをおしたらフォーム画面が表示される。 ”いいえ”とおしたら”応募できません”と文字が表示される。 と言う風に、３つのアクションを作りたいのですが、 どのようにして良いかわかりません。 詳しい方どうぞよろしくお願い致します。

  • ■「ラジオボタン」と「メニュー」のグループ化

    フォームを作成中なのですが、 下記画像のようにラジオボタンとセレクトメニュー（プルダウンメニュー？）を選択できるようにしたいのですが、コードを教えて頂けませんでしょうか？ <m(__)m>どうか宜しくお願い致します。 ※ラジオボタンで選択できるのは一つです。 http://img2.blogs.yahoo.co.jp/ybi/1/dc/71/destrhythmer/folder/113039/img_113039_37008247_0?1311814552

    • ベストアンサー
    • HTML
  • ラジオボタンの未選択アラート/送信ボタンはリンク

    初めまして。 診断サイトのテスト画面を作成しております。 2問×４ページ＋結果1ページの構成です。 １ページの中にラジオボタンを使用した４択問題×２問あり、 ページ下部に「次へ」のボタンを配置しています。 その「次へ」ボタンを押す際に、 未選択のラジオボタンがある場合にアラートがあがり、 （「次へ」ボタンは画像） かつ選択済みの場合は次のページへリンクする、 という仕様にしたいのですが、 何から設定したらよいのか迷走してしまっております… <input type="image">に対してリンクを設定してみようと色々やってみたのですがうまくいかず、 参考サイトから引用してきたりもしているのですが、 アラートだけ設定できてもリンクか画像表示ができない、、と あっちをたてればこちらがたたずという状況です。 ちなみにテスト画面なので、 ラジオボタンの数値等は無視してOKです。 【「次へ」ボタンを押すときにページ内未選択のものがある場合アラートがあがる／「次へ」ボタンを押すと次のページに移動する（リンク）】の状態が実現できれば、 書き方等に特にこだわりはありません。 また、javascriptは今回始めて触れているような状況で、 わかりにくかったら申し訳有りません。。 そもそもjavascriptが適切なのかも不明な状態です。 何卒よろしくお願い致します。

  • ラジオボタンのチェック

    複数のラジオボタンを作り、送信ボタンをクリック。全てＯＫの場合だけ所定のページへジャンプし、 １つでもＮＯや入力モレがあると、 その部分をコメントとして表示し、再入力を促す ようにしたいと思います。 どのようにすれば良いのでしょうか？ ご教授お願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する