ラジオボタンでジャンプ先を変更

このQ&Aのポイント
  • JavaScript初心者の方が問題の選択肢を持つクイズページを作成していますが、MacのIE5では正常に動作しません。どうすれば問題なく動作するようになるでしょうか。
  • 質問文章の内容は、JavaScript初心者がラジオボタンを選択した後にクイズの答え合わせページにジャンプする方法に関するもので、MacのIE5での正常な動作が必要です。
  • MacのIE5で問題の選択肢を持つクイズページが正常に動作しない問題を解決する方法について、JavaScript初心者がアドバイスを求めています。
回答を見る
  • ベストアンサー

ラジオボタンでジャンプ先を変更

はじめまして。javascript初心者です。 答えの選択肢が3つあるクイズのページを制作したいと思っています。 どれか1つのラジオボタンをチェックした後、「クイズに答える」ボタンをクリックすると 正解または不正解のページにジャンプする、という形にしたいのですが 制作したものがMacのIE5できちんと動作してくれません。 winのIEなどでは大丈夫でした。わからず、とても困っています。 どうすれば正常に動くようになるのかアドバイスをいただけたらと思います。 javascript、htmlはそれぞれ下記のように書いています。 ■javascript function Check() { var tolink = document.url for(i=0 ; i<=tolink.list.length -1 ; i++){ if (tolink.list[i].checked) { var n = tolink.list[i].value; document.location.href=n; } } } ■html <FORM name="url"> <table> <tr> <td><INPUT type="radio" name="list" value="correct.html">a</td> <td><INPUT type="radio" name="list" value="mistake.html">b</td> <td><INPUT type="radio" name="list" value="mistake.html">c</td> <td><a href="#" onClick="Check()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','quiz_over.gif',1)"><img src="quiz.gif" alt="クイズに答えるボタン" name="Image1" width="200" height="30 border="0"></a></td> </tr> </table> </FORM> よろしくお願いいたします。

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

<a href="#" onClick="Check()"> となっているところを <a href="javascript:Check()"> としてみてはいかがですか?

chiyo_33
質問者

お礼

御返答ありがとうございます。 無事、解決しました! こんなに単純な修正でできるんですね…すごいです。 半分あきらめていたところでした。 すごく助かりました。本当に有難うございました。

関連するQ&A

  • ラジオボタン:新しいウインドウでジャンプ先を開く

    javascript初心者です。 答えの選択肢が4つで、それぞれ別の飛び先に飛ぶクイズを作りたいと思っております。 内容としましては、どれか1つのラジオボタンをチェックしたあとに、 「回答する」ボタンを押すと正解、不正解1、不正解2、不正解3のどれかの ページに新しいウインドウを開けて飛ばしたいです。 同一ページ内の移動はできたのですが、新しいウインドウで飛ばす方法がわかりません。 どうすれば正常に動くようになるのかアドバイスをいただけたらと思います。 ソースは以下のように書いています。 <script language="JavaScript"> <!-- function Check() { var tolink = document.url for(i=0 ; i<=tolink.list.length -1 ; i++){ if (tolink.list[i].checked) { var n = tolink.list[i].value; document.location.href=n; } } } // --> </script> <FORM name="url"> <table> <tr> <td><INPUT type="radio" name="list" value="http://www.yahoo.co.jp/">a</td> <td><INPUT type="radio" name="list" value="http://www.google.co.jp/">b</td> <td><INPUT type="radio" name="list" value="http://www.goo.ne.jp/">c</td> <td><INPUT type="radio" name="list" value="http://jp.msn.com/">d</td> <td><a href="javascript:Check()"><img src="btn_submit.gif" name="Image1" width="78" height="21" border="0"></a></td> </tr> </table> </FORM> よろしくお願いいたします。

  • ラジオボタン選択で「複数ラジオボタン」をアクティブにするには?

    ■下記サンプルソースのラジオボタンの「はい」を選択すると複数のラジオボタンがアクティブになるJavaScriptがわからず困っております。教えて頂けないでしょうか。 (ページ開いた際は「いいえ checked」で複数ラジオボタンはグレーで選択無効) 用途はアンケートフォームです。 可能であればシンプルなソースで「最新のWinIE、MacSafari」に対応していると非常に助かります。先輩方よろしくお願いします。 <form name="form2" method="post" action=""> <table> <tr> <td>■「はい」を選択すると、ラジオボタン(カテゴリー1~4)がアクティブになる。 </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">はい <input name="radiobutton" type="radio" value="radiobutton" checked>いいえ </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">カテゴリー1 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー2 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー3 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー4 </td> </tr> </table> </form>

  • ラジオボタンでの表示の切替方法

    2つのラジオボタンの切替によって、表示の切替を行いたいです。 例えば、Aを選択すると(1)の入力フォームが表示され、Bを選択すると(2)が表示したいです。初期表示はAが選択された時と同じ内容となります。 <table align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td><form name="Quick1"> <tr><td>選択</td> <td> <input type="radio" name="A" value="1" checked>A  <input type="radio" name="B" value="2">B  </td></tr> <tr> <td>(1)</td> <td> <input type="text" size="6" maxlength="5" name="text1" value="">- <input type="text" size="6" maxlength="5" name="text2" value="">- <input type="text" size="6" maxlength="5" name="text3" value=""> </td></tr> <tr> <td>(2)</td> <td> <input type="text" name="text7" size="43" value=""> </td></tr> </table></form></td></tr></table> すみませんが、よろしくお願い致します。

  • 複数のテーブルをラジオボタンで背景を変える

    javascriptは、まだ全くの初心者で色々探しながら勉強しています。 過去の質問で動作が似ているものがあったのですが、 複数のテーブルに使えるように変更したいのですが 全くやり方が分かりません。 宜しくお願い致します。 2つのテーブルがあります。 id=AAA と言うテーブルは、今日の天気のラジオボタン id=BBB と言うテーブルは、今日の花粉のラジオボタン だとします。 各テーブル内のラジオボタンが選択されたら、 そのテーブルだけに影響するセルの色変更。 つまり、 AAAのテーブル内のラジオボタン選択時は、AAAのセルの色を黄 BBBのテーブル内のラジオボタン選択時は、BBBのセルの色を赤 にしたいのです。 下記にサンプルコードを書きました。 これだと、AAAのテーブルのラジオボタンをクリックすると BBBのテーブルの背景色がクリアされてしまいます。 どうやって引数を渡していいのか分かりません。 宜しくお願い致します。 <html> <head> <title>test</title> <script type="text/javascript"> <!-- var saveTr; function setBg(rd) { if(saveTr) saveTr.bgColor="white"; saveTr=rd.parentNode.parentNode; saveTr.bgColor="yellow"; } --> </script> </head> <body> <table id='AAA'> <tr><td> 今日の天気 </td></tr> <tr><td> <input type='radio' name='tenki' value='1' onClick="setBg(this);">晴れ<br> </td></tr> <tr><td> <input type='radio' name='tenki' value='2' onClick="setBg(this);">曇り<br> </td></tr> <tr><td> <input type='radio' name='tenki' value='3' onClick="setBg(this);">雨<br> </td></tr> </table> <br> <table id='BBB'> <tr><td> 花粉の量 </td></tr> <tr><td> <input type='radio' name='kafun' value='1' onClick="setBg(this);">多い<br> </td></tr> <tr><td> <input type='radio' name='kafun' value='2' onClick="setBg(this);">普通<br> </td></tr> <tr><td> <input type='radio' name='kafun' value='3' onClick="setBg(this);">少ない<br> </td></tr> </table> </body> </html>

  • ラジオボタンが選択された項目のみ操作可能

    ラジオボタンが選択された項目のみ操作できるようにしたいです。 小学校が選択されたら 小学校のチェックボックスとボタンはenable 中学校のチェックボックスとボタンはdisabled?readonly? よろしくお願いします。 <html> <head> <title>ラジオボタンが選択されたらチェックボックス・ボタンを入力可能にする</title> <script Language="JavaScript"><!-- function setRTF() { fOBJ = document.myFORM; RadioNum = 2; // ラジオボタンの数 for (i=0; i<RadioNum; i++) { if (fOBJ["mm"][i].checked) fOBJ["aa"+i].disabled = false; else fOBJ["bb"+i].disabled = true; } } function allcheck(obj,flag){ var target=obj.parentNode.getElementsByTagName("input"); for(var i=0;i<target.length;i++){ if(target[i].type=="checkbox") target[i].checked=flag; } } // --></script> </head> <body> <form name="myFORM"> <table border="1"> <tr> <td><input type="radio" name="mm" onClick="setRTF()">小学校</td> <td><input type="radio" name="mm" onClick="setRTF()">中学校</td> </tr> <tr> <td> <input type="checkbox" name="aa[]" value="1" />A小学校<br/> <input type="checkbox" name="aa[]" value="2" />B小学校<br/> <input type="checkbox" name="aa[]" value="3" />C小学校<br/> <input type="button" value="全選択" onClick="allcheck(this,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this,false)"/> </td> <td> <input type="checkbox" name="bb[]" value="1" />A中学校<br/> <input type="checkbox" name="bb[]" value="2" />B中学校<br/> <input type="checkbox" name="bb[]" value="3" />C中学校<br/> <input type="button" value="全選択" onClick="allcheck(this,true)"/><br> <input type="button" value="全解除" onClick="allcheck(this,false)"/> </td> </tr> </table> </form> </body> </html>

  • ラジオボタン選択でtextfieldをアクティブにするには?

    ■下記サンプルソースのラジオボタン「はい」を選択するとtextfieldがアクティブになるJavaScriptがわからず困っております。教えて頂けないでしょうか。 (ページ開いた際は「いいえ checked」でtextfieldはグレーで入力無効) 可能であればシンプルなソースで「最新のWinIE、MacSafari」に対応していると非常に助かります。先輩方よろしくお願いします。 <form name="form1" method="post" action=""> <table> <tr> <td>■「はい」を選択すると、textfield(カテゴリー1~4)がアクティブになる</td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">はい  <input name="radiobutton" type="radio" value="radiobutton" checked>いいえ </td> </tr> <tr> <td> カテゴリー1<input name="textfield" type="text" size="30" maxlength="30"> <br> カテゴリー2 <input name="textfield22" type="text" size="30" maxlength="30"> <br> カテゴリー3 <input name="textfield32" type="text" size="30" maxlength="30"> <br> カテゴリー4 <input name="textfield42" type="text" size="30" maxlength="30"> </td> </tr> </table> </form>

  • ラジオボタンで、二つのテキストフィールドに別々の値を同時に表示させたい

    ラジオボタンで、選択させて金額は表示できたのですが… 部数が取得できませんでした。 同時に変更できるようにしたいのです 例えば、Atextと、Btextが、あるとします。 ラジオボタンをチェックした瞬間に、チェックしたボタンの部数はAtext 金額は、Btextにそれぞれ表示させたいです。 どなたか、教えていただけませんでしょうか? 現在は金額のみ表示できるようになっております <html> <Title></Title> <head> <script type="text/javascript"> <!-- function calculate(){ //合計金額を格納する変数の値を初期値0として設定。 totalValue = 0; X = 0; F = 0; theForm = document.myForm; X = theForm.pay.length; F = X-1; //選択されているラジオボタンを調べ、そのラジオボタンのvalueの値を数値化して変数totalValueに追加。 for (i=0;i<X;i++){ if(theForm.pay[i].checked)totalValue += eval(theForm.pay[i].value); theForm.totalPay.value = Math.round(totalValue*0.00)+totalValue; if(theForm.pay[F].checked)theForm.totalPay.value = '別途';} } --> </script> </head> <body> <form name="myForm" method="post" action="shop.cgi"> <Div class="hyou">>>価格(税込み)※計算用の仮値段<Br></div> <Table Border="1" Align="left" CellPadding="3"> <TR><TD> <Input Type="radio" Name="pay" Value="12000" onClick="calculate()">100部</td> <td>12,000円</td> </tr> <tr> <td><INPUT type="radio" name="pay" value="14000" onClick="calculate()">150部</td> <td>14,000円</td> </tr> <tr> <td><INPUT type="radio" name="pay" value="15000" onClick="calculate()">200部</td> <td>15,000円</td> </tr> <tr> <td><INPUT type="radio" name="pay" value="16000" onClick="calculate()">300部</td> <td>16,000円</td> </tr> <tr> <td><INPUT type="radio" name="pay" value="0" onClick="calculate()">300部以上</td> <td>※お見積もりいたします</td> </tr> <tr> <td><B>選んだ部数</B><Br><font size="2">(実際は非表示)</font></td> <td><INPUT name="busuu" type="text" size="24" value="" readonly> 部</td> </tr> <tr> <td><B>商品価格</B><Br><font size="2">(実際は非表示)</font></td> <td><INPUT name="totalPay" type="text" size="24" value="" readonly> 円</td> </tr> </table> </FORM> </body> </html>

  • ラジオボタンで指定したテーブルの色変更をする

    こんにちは、初めまして。一人では解決できないので・・・どなたか教えてください(><)よろしくお願い致します。 やりたいことは、ラジオボタンで指定した部分のテーブル内のみ色を変更するということです。背景色を変更するというやり方はわかるのですが、指定した位置のみ色を変更するというプログラムの組み方がわかりません・・・近いサンプルなどあったのでいじってみたのですが、応用ができないみたいで、、意図した通りの動きにすることはできませんでした。。 ほんとに初歩的な質問でもうしわけございませんが、どなたかよろしくお願い致しますm(_ _)m ソースは以下になります。 ※黄のラジオボタンを選択すると『変更!』の部分が黄色に変更し、黒のラジオボタンを選択すると『変更!』の部分が黒色に変更する・・・(他の色も同じ動きです)という感じです。 <table width="240" height="104" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="238" height="32"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10%" style="padding-left:3px;" align="left"> <input name="radiobutton" type="radio" value="radiobutton" checked="checked" /> </td> <td width="9%" align="left">白</td> <td width="11%" style="padding-left:3px;"> <input name="radiobutton" type="radio" value="radiobutton" /> </td> <td width="9%">黄</td> <td width="11%" style="color:#FF0000; padding-left:3px;"> <input name="radiobutton" type="radio" value="radiobutton" /> </td> <td width="9%">黒</td> <td width="11%" style="padding-left:3px;"> <input name="radiobutton" type="radio" value="radiobutton" /> </td> <td width="9%">赤</td> <td width="10%" style="padding-left:3px;"> <input name="radiobutton" type="radio" value="radiobutton" /> </td> <td width="9%">黄</td> </tr> </table> </td> </tr> <tr> <td height="72"> <table width="98%" height="62" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td valign="top">変更!</td> </tr> </table> </td> </tr> </table>

  • メールフォームのラジオボタンフィールドの件

    ホームページメールフォーム作成でご質問しました。 ラジオボタンとチェックボックスのフィールドで、その他項目を設けてテキストフィールドを作っているます。 このテキストフィールドにもラジオボタンまたは、チェックボックスのチェックを行えるようにできないでしょうか。 ○あああ ○いいい ○ううう ○えええ ○その他 □(ここにテキスト入力フィールド) ※javascriptを作る必要があるでしょうか。 下記のソースが、現状です。 <tr><td class="item_name">設問</td> <td class="item_form"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td><input name="設問ABC" type="radio" value="Webサイト1" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト1</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト22" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト22</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト333" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト333</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト555" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト555</label></td></tr> </table> <div>その他:<input type="text" name="設問ABC" style="width:280px" /></div> </td></tr>

  • ラジオボタンを一括で操作する方法を教えてください。javascript

    下記のようにフォームがあります。 チェックボックスをクリックして始めて、 同列のラジオボタンが選択できるようにしたいと考えております。 現在は、質問1のみですが質問の数がその下に増えていくと考えた場合、(例えば質問10まであると仮定して考えてください。)どのようにスクリプトを書いていけば、スマートになるかお知恵を貸していただけませんでしょうか? よろしくお願いいたします。 <form name="form1"> <table><tr> <th><input type="checkbox" name="q1_1" value="" onClick="quetion()">質問1</th> <td><input type="radio" name="q1_1a" value="a" disabled ></td> <td><input type="radio" name="q1_1a" value="b" disabled ></td> <td><input type="radio" name="q1_1a" value="c" disabled ></td> </table></form>

専門家に質問してみよう