Javascriptの結果の出し方で困っています。| OKWAVE

Javascriptの結果の出し方で困っています

自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form);window.open('kekka.html','windowname');"> </p></center> </form> はいが2点、いいえが0点とします。この記述方法だと、テキストボックスに点数の合計が記載されてしまいます。別ページのテキストボックス内に点数の合計を呼び出したいのですが、どうすればいいのでしょうか。出来れば呼び出す際のソースコードなどもすべて記載していただけるとありがたいです。 ※ページの内容で中身が変わるわけではなく、点数の結果を表示したいです。 ※呼び出す際のコードも記載していただけたらありがたいです ※結果のページをkekka.htmlとします。初心者なのでどうしたらいいのか分かりません。よろしくお願いします。

scriptについて質問です。

自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form);window.open('kekka.html','windowname');"> </p></center> </form> 質問項目が10個あるのですが、どれか一つにでもチェックが入っていない場合「全てチェックしてください」と返したいのですがどうすればいいのでしょうか？また点数の合計が10点の時は1.html 点数が14点の時は2.htmlという場合どういった記述をすればいいのでしょうか？ご面倒ですが回答のほどよろしくお願いします。

JavaScript for文の処理

JavaScriptでクイズの採点をしたいと思っています。 ↓のスクリプトを書いたのですが「ページでエラーが発生しました」という表示がステータスバーにでます。二問とも一番下の選択肢を選んだ場合「２点です」とアラートに表示させたいのですがどうしても、うまくいきません。おそらくfor文内の score + document.myFORM.elements[i].value; このへんがおかしいのだと思うのですが。どなたか修正方法をお願いします。 <HTML> <HEAD> <script Language="JavaScript"></script> </HEAD> <BODY> <FORM name="myFORM">第一問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r1"VALUE="0"> <LABEL FOR="r1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r2" VALUE="1"><LABEL FOR="r2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r3" VALUE="1"><LABEL FOR="r3">生き残り</LABEL> <BR><BR> 第二問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_1" VALUE="0"><LABEL FOR="r2_1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_2" VALUE="0"><LABEL FOR="r2_2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q2" ID="r2_3" VALUE="1"><LABEL FOR="r2_3">オタク</LABEL> <BR><BR> <input type="button" value="採点する" onClick="GetScore()"> </FORM> </BODY></HTML>

変数のクリア

下のようなソースで、設問 form から変数scoreを取得し、点数によって表示する診断結果画面をふりわけています。ところが、何回かこの診断テストをやっているうちに、6点以上のときだけ表示するつもりの sindan3．htmlしか表示されなくなって困っています。どなたか、修正方法をご指導いただけないでしょうか。 <HTML LANG="JA"><HEAD> <script Language="JavaScript"></script></HEAD> <BODY> <FORM name="myFORM">第一問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q1" ID="r1" VALUE="1">引きこもり <BR> <INPUT TYPE="RADIO" NAME="q1" VALUE="2">立てこもり <BR> <INPUT TYPE="RADIO" NAME="q1" VALUE="3">生き残り <BR><BR> 第三問：あなたは？ <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_1" VALUE="1"> <LABEL FOR="r3_1">引きこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_2" VALUE="2"> <LABEL FOR="r3_2">立てこもり</LABEL> <BR> <INPUT TYPE="RADIO" NAME="q3" ID="r3_3" VALUE="3"> <LABEL FOR="r3_3">ヤリヤリ・ロリロリ</LABEL> <BR><BR> <input type="button" value="診断" onClick="GetScore()"> </FORM> </BODY></HTML>

オブジェクト名に変数を使いたい

<form id="form1" name="form1" method="post" action=""> <label for="q1-1"><input id="q1-1" name="q1" type="radio" value="1" />あ</label> <label for="q1-2"><input id="q1-2" name="q1" type="radio" value="0" />い</label> <label for="q1-3"><input id="q1-3" name="q1" type="radio" value="0" />う</label> <label for="q1-4"><input id="q1-4" name="q1" type="radio" value="0" />え</label> <label for="q2-1"><input id="q2-1" name="q2" type="radio" value="1" />あ</label> <label for="q2-2"><input id="q2-2" name="q2" type="radio" value="0" />い</label> <label for="q2-3"><input id="q2-3" name="q2" type="radio" value="0" />う</label> <label for="q2-4"><input id="q2-4" name="q2" type="radio" value="0" />え</label> </form> ============================================================ 上のような４択の問題が10問あります。これを採点して合計点数を表示させたいと思っていますが、下記のようにfor文を使う際、オブジェクト名の、"q1"の"1"というところに変数nを使いたいのですが、やり方がわかりません。 ============================================================ for(var n=0;n<10;n++){ var length=document.form1.q1.length; for(var i=0;i<length;i++){ var checked=document.form1.q1[i].checked; if(checked==true){ ans = i; } } var value=document.form1.q1[ans].value; } ============================================================ いろいろ調べてみましたが、うまくいかず固まっております。どなたかご教授いただけませんでしょうか？

ページにHTMLデータを出力の方法につきまして

いつもお世話になっております。現在、javascriptを使って5択の問題が出題できるコンテンツを作成しております。五択を選択し、ボタンを押すと、選択した番号や正解不正解をを同じフォーム上の下に表示させたいと思っております。サイトを参照(http://www.openspc2.org/reibun/JavaScript_technique/sample/06_DOM/007/index.html)して、test01.html内では同じフォーム上に結果を出すことまではできたのですが、テストの種類を増やしたくて、test02.htmlを作りました。test01で使用したプログラムをコピーして、必要そうなID名などだけを変えてみたのですが、test02.htmlでは動いてくれず、行き詰まっていましました。 js側 window.onload = function() { document.getElementById("check").onclick = function() { //すべての解答を入れる変数の定義 var anserbox = "" //問1 var checkList = ["q1_01","q1_02","q1_03","q1_04","q1_05"]; for(var i=0; i<checkList.length; i++) { var chkObj = document.getElementById(checkList[i]); if (chkObj.checked) { anserbox += "問1は"+ chkObj.value + "を選択しました<br>"; if (chkObj.value == 1){ anserbox += "正解<br>"; } //if (chkObj.value == 1){ point += 5; } else anserbox += "不正解<br>正解は1です<br />"; } } //anserboxに格納された値をウィンドウに表示する document.getElementById("result").innerHTML = anserbox; } document.getElementById("check2").onclick = function() { //すべての解答を入れる変数の定義 var anserbox = "" //問1 var checkList = ["q1_01","q1_02","q1_03","q1_04","q1_05"]; for(var i=0; i<checkList.length; i++) { var chkObj = document.getElementById(checkList[i]); if (chkObj.checked) { anserbox += "問1は"+ chkObj.value + "を選択しました<br>"; if (chkObj.value == 1){ anserbox += "正解<br>"; } //if (chkObj.value == 1){ point += 5; } else anserbox += "不正解<br>正解は1です<br />"; } } document.getElementById("result2").innerHTML = anserbox; } } test01.html側 <form action="./enq.cgi" method="get"> <label><input type="radio" id="q1_01" name="q1" value="1">1</label><br> <label><input type="radio" id="q1_02" name="q1" value="2">2</label><br> <label><input type="radio" id="q1_03" name="q1" value="3">3</label><br> <label><input type="radio" id="q1_04" name="q1" value="4">4</label><br> <label><input type="radio" id="q1_05" name="q1" value="5">5</label><br> <input type="button" id="check" value="チェック" > </form> <div id="result">結果：</div> test02.html側 <form action="./enq.cgi" method="get"> <label><input type="radio" id="q1_01" name="q1" value="1">1</label><br> <label><input type="radio" id="q1_02" name="q1" value="2">2</label><br> <label><input type="radio" id="q1_03" name="q1" value="3">3</label><br> <label><input type="radio" id="q1_04" name="q1" value="4">4</label><br> <label><input type="radio" id="q1_05" name="q1" value="5">5</label><br> <input type="button" id="check2" value="チェック" > </form> <div id="result2">結果：</div> js側の3行目のdocument.getElementById("check").onclick = function()は実行されるのですがtest01.htmlはokなのですが、中段にありますdocument.getElementById("check2").onclick = function()はボタンを押しても無反応です。(test02.html) どちらも単体では実行可能でしたので、使い方に間違いがあるのかも知れません。今日一日でわからなかったら質問しようと思っていましたので、投稿致します。どうかご教授宜しくお願い致します。

チェックボックス　とラジオボタンの値取得について

チェックボックス　とラジオボタンの値取得についてこんにちはチェックボックスの中にラジオボタンがある場合にチェックボックスの値に続けてラジオボタンの値を表示したいのですが、うまくいかず悩んでいます。【やりたいこと】 □そのた２をチェクして男性を選択した場合　「そのた２男性」と表示したい。例そのた１そのた２男性そのた４そのた５女性サンプルのチェックボックスのlabelタグをはずすと $(vals[i]).next($("input[name='radio']:checked").val()); で値を取得できたのですが、 labelタグを付けたまま値を取得することは可能でしょうか？ labelタグをつけたまま、 $(vals[i]).find($("input[name='radio']:checked").val()); でやってみたのですが、undefindがでてしまいました。サンプルではチェックボックスの数は１個ですが、 □が３０個以上　のチェックボックスが５０個くらいあるので、１回の記述で済ませたいのですが、ラジオボタンが隣にあったら値を取得する　のようにできるのでしょうか？何かよい方法があれば教えて頂けないでしょうか。よろしくお願い致します。 ■サンプルソース <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" language="JavaScript"></script> <script language="javascript">  </script> <title></title> </head> <body> <form name="f"> <div>アンケート<br> <label for="1"><input type="checkbox" name="q1" class="chex" id="1" value="その1"> その1</label><br> <label for="2"><input type="checkbox" name="q1" class="chex" id="2" value="その2"> その2</label> <input type="radio" name="radio1" value="可">男性 <input type="radio" name="radio1" value="否">女性 <br> <label for="3"><input type="checkbox" name="q1" class="chex" id="3" value="その3"> その3</label><br> <label for="4"><input type="checkbox" name="q1" class="chex" id="4" value="その4"> その4</label><br> <label for="5"><input type="checkbox" name="q1" class="chex" id="5" value="その5"> その5</label> <input type="radio" name="radio2" value="可">男性 <input type="radio" name="radio2" value="否">女性 <br> </div> <input type="button" value="確認" onclick="textb()"> <input type="reset" value="クリア"> <br> <textarea name="log" rows="4" cols="50"></textarea></form> </body> </html>

ラジオボタンが未選択時の制御方法について

たびたびお世話になっております。 Webフォームを思考策後しながら作成しています。下記のラジオボタン1 とラジオボタン3 は選択して、ラジオボタン2 は選択せずに出力する下記のように、ハヌけした書式で出力されます。ハヌけしないように出力させる方法はありますでしょうか？ご教授をお願いいたします。出力結果： ------------------------------------------------------------------------------- 【ラジオボタン1】：回答1 【ラジオボタン3】：回答1 ソース： ------------------------------------------------------------------------------- <head> <title>アンケートフォーム</title> <script type="text/javascript"> 　 function textoutput() { 　　　　　　　 var formObj = document.form01; 　　　　　　　 var radio01 = formObj.A01; 　　　　　　　 var radio02 = formObj.A02; 　　　　　　　 var radio03 = formObj.A03; 　　　　　　　 　　　　　　　 var text = '下記リカバリシートを案内' + '\n'; 　　　　　　　 for ( var i = 0; i < radio01.length; i ++ ) { if ( radio01[i].checked === true ) { text += '【ラジオボタン1】：' + '\n' + radio01[i].value;}} text += '\n'; 　　　　　　　 for ( var i = 0; i < radio02.length; i ++ ) { if ( radio02[i].checked === true ) { text += '【ラジオボタン2】：' + '\n' + radio02[i].value;}} text += '\n'; 　　　　　　　 for ( var i = 0; i < radio03.length; i ++ ) { if ( radio03[i].checked === true ) { text += '【ラジオボタン3】：' + '\n' + radio03[i].value;}} text += '\n';  formObj.output.value = text + '\n'; } </script> </head> <body> <strong>アンケートフォーム</strong><br /><br /> <form name="form01">  <strong>・ラジオボタン1</strong><br /> <input type="radio" name="A01" value="回答1" id="radio1-1" " tabindex="3"> <label for="radio1-1">回答1</label> <input type="radio" name="A01" value="回答2" id="radio1-2" " tabindex="4"> <label for="radio1-2">回答2</label> <input type="radio" name="A01" value="回答3" id="radio1-3" " tabindex="5"> <label for="radio1-3">回答3</label> <br />  <strong>・ラジオボタン2</strong><br /> <input type="radio" name="A02" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A02" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A02" value="回答3" id="radio1-3"> <label for="radio1-3">回答3</label> <br />  <strong>・ラジオボタン3</strong><br /> <input type="radio" name="A03" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A03" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A03" value="回答3" id="radio1-3"> <label for="radio1-3">回答3 </label> <br />  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"> <input type="reset" value="リセット"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

javascript 問題と答え

独学でjsをやっているのですが、わからないところがあるので質問させてください。ラジオボタンを選択し、解答ボタンクリックで、オレンジの欄に解答が出るようなプログラムを書いたのですが、実行されません。どこが間違っているのでしょうか。 /* ----------------　▽▽▽ここから▽▽▽　-------------------------- */ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js問題</title> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0; } img{ border:0; } h1 { font-size:22px; } h2 { font-size: 12px; } #box { width: 500px; overflow:hidden; /*子要素にfloatがあり、高さ算出のため使用*/ } div.box { width: 150px; float: left; background-color: #CCC; margin-left: 10px; } li { list-style:none; } div#ans { width: 500px; height: 20px; clear:both; margin-top: 20px; margin-bottom: 30px; } div#ans p { width: 150px; background-color: #FC6; margin-left:10px ; float:left; } div#ans_btn { width: 200px; clear:both; margin-left:200px; } </style> </head> <body> <h1>Q.問題</h1> <br /> <div id="box"> <div class="box"> <ul> <h2>問題その１</h2> <li><input type="radio" name="q0" value="1">あいうえお</li> <li><input type="radio" name="q0" value="2">正解</li> <li><input type="radio" name="q0" value="3">あいうえお</li> <li><input type="radio" name="q0" value="4">あいうえお</li> </ul> </div> <div class="box"> <ul> <h2>問題その2</h2> <li><input type="radio" name="q1" value="1">あいうえお</li> <li><input type="radio" name="q1" value="2">あいうえお</li> <li><input type="radio" name="q1" value="3">正解</li> <li><input type="radio" name="q1" value="4">あいうえお</li> </ul> </div> <div class="box"> <ul> <h2>問題その3</h2> <li><input type="radio" name="q2" value="1">正解</li> <li><input type="radio" name="q2" value="2">あいうえお</li> <li><input type="radio" name="q2" value="3">あいうえお</li> <li><input type="radio" name="q2" value="4">あいうえお</li> </ul> </div> </div> <div id="ans"> <p>問い１答え</p> <p>問い2答え</p> <p>問い3答え</p> </div> <div id="ans_btn"> <input type="button" value="ここを押すと解答"　onClick="saiten()"> </div> <script type="text/javascript"> var ans = ["2","3","1"]; function saiten(){ var p_node=document.getElementsByTagName("p"); for(var i=0;i<ans.length;i++){ if(ans[i]==document.getElementById("q"+i).value){ p_node[i].innerHTML = "正解"; }else{ p_node[i].innerHTML = "間違い"; } } } </script> </body> </html> /* ----------------△△△ここまで△△△------------------------ */ よろしくおねがいします。

selectした項目によって、radioボタンの値を変える方法

selectボックスの値によって、ラジオボタンに自動的にチェックを入れるというものを作りたいのですが、やり方がわからないのでどなたか回答をお願いします。 selectボックスは、 <select name="Q01" id="Q01"> <option selected>▼選択</option> <option value="1">Ａコース</option> <option value="2">Ｂコース</option> <option value="3">Ｃコース</option> </select> というようなものを用意しています。ラジオボタンは、 <label for="Q02_1"> 有り<input name="Q02" type="radio" id="Q02_1" value="0" checked> </label> <label for="Q02_2"> 無し<input name="Q02" type="radio" id="Q02_2" value="1"> </label> <label for="Q03_1"> 有り<input name="Q03" type="radio" id="Q03_1" value="0" checked> </label> <label for="Q03_2"> 無し<input name="Q03" type="radio" id="Q03_2" value="1"> </label> <label for="Q04_1"> 有り<input name="Q04" type="radio" id="Q04_1" value="0" checked> </label> <label for="Q04_2"> 無し<input name="Q04" type="radio" id="Q04_2" value="1"> </label> ・・・・というようなものを用意しています。Ａコースを選ぶと、 Q02は「有り」、Q03は「無し」、Q04は「有り」Ｂコースを選ぶと、すべて「有り」Ｃコースを選ぶと、すべて「無し」というような、コースによってラジオボタンにチェックが入るという仕組みです。宜しくお願い致します。

Javascriptで複数のフォームを連結したい

初めまして、お世話になります。 Javascriptで複数のフォームを連結したいと考えています。やっと２つのテキストエリアを連結させるところまで出来るようになりました。やりたいことは、出力させるときに下記のようにしたいのですが、どのようにすれば良いかご教授いただけば幸いです。テキストエリア：text01とtext02を連結させて出力させる時に、 text01とtext02の間に”改行コード”を追加したいのです。それとラジオボタンで選択をした値を取得するための、スクリプの記述方法もご教授頂けないでしょうか？また、可能であればテキストエリア：outputに出力するときうに、下記のように出来ると希望通りの操作が出来助かります。 HTMLを勉強し始めたばかりの初心者ですが、どうぞ何卒よろしくお願い申し上げます。出力結果： ----------------------------------------------------------------------- 【入力欄１】改行コード text01 改行コード【入力欄2】改行コード text02 改行コード【ラジオボタン】 A01 改行コードソース： ----------------------------------------------------------------------- <html> <head> <script language="JavaScript">  </script> </head> <body> <form name="form01">  入力欄1<br> <textarea name="text01" cols="60" rows="10"></textarea><br>  入力欄2<br> <textarea name="text02" cols="60" rows="10"></textarea><br>  <strong>・　OS確認</strong><br /> <input type="radio" name="A01" value="・OS　⇒　XP" id="radio1-1" > <label for="radio1-1">XP</label> <input type="radio" name="A01" value="・OS　⇒　Vista" id="radio1-2"> <label for="radio1-2">Vista</label> <input type="radio" name="A01" value="・OS　⇒　Win7" id="radio1-3"> <label for="radio1-3">Win7</label> <input type="radio" name="A01" value="・OS　⇒　Mac" id="radio1-4"> <label for="radio1-4">Mac</label> <input type="radio" name="A01" value="・OS　⇒　" id="radio1-5"> <label for="radio1-5">その他</label> <br />  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

javascriptでのテキストボックス制御

javascriptを使用して特定のテキストボックスを動的に　enable←→disableを切り替えたく、様々なホームページを見ながら試行錯誤して、下記ソースまで辿りつきましたが、うまく動かなくて困っています。どうかご教示ください。よろしくお願いします。現状：チェックをいれると enable→disableになるが、外すと戻らない。目標：同上＋チェック外すと最初disableも含めて、enableになる。 <html> <head> <script language="javascript" type="text/javascript"> function autochk(f){ for(var i=0;i<f.form.length;i++){ if (f.form.elements[i].className=="ko"){ if (f.form.elements[i].checked){　//checked チェックが入っていたら f.form.elements[i].disabled = false; // 入力不可, 無効化 }else{ f.form.elements[i].disabled = true; // 入力可能,有効化 } } } } </script> <style type="text/css">  </style> </head> <body> <form> <ul> <li><input type="checkbox" name="oya" value="1" onclick="autochk(this);">チェック</li> <li><label>無効→チェック→無効→有効</label><input type="text" name="ko1" class="ko" value="1" disabled></li> <li><label>有効→チェック→無効→有効</label><input type="text" name="ko2" class="ko" value="1"></li> <li><label>有効→チェック→そのまま</label><input type="text" name="other1" value="1"></li> <li><label>有効→チェック→無効→有効</label><input type="text" name="ko3" class="ko" value="1"></li> <li><label>有効→チェック→無効→有効</label><input type="text" name="ko4" class="ko" value="1"></li> <li><label>有効→チェック→そのまま</label><input type="text" name="other2" value="1"></li> </form> </ul> </body> </html>

正解の答えを表示したいのですが・・・

先日、ラジオボタンで解答を選択し、採点ボタンを押すと「○×」が出るように教えていただきました。さらに、「○×」表示の横に、「×」の場合に正しい答えを（「Ａ」）と表示するようにしたいと思っています。ぜひ教えてください。よろしくお願いいたします。 <html> <head> <style type="text/css">  </style> <script language=javascript> function displayScore(f){ var score = 0; var radios=new Object(); for(i =0 ; i<f.length;i++){ if(f[i].type=="radio"){ if(!radios[f[i].name]){ radios[f[i].name]=new Object() radios[f[i].name].flg=false; radios[f[i].name].name=f[i].name; } if(f[i].checked == true){ radios[f[i].name].flg=true; radios[f[i].name].score=parseInt(f[i].value); } } } for(var i in radios){ if(radios[i].flg==false){ alert(radios[i].name+"のチェックが抜けてます"); return false; } score+=radios[i].score; f["maru_"+i].value=radios[i].score==0?"×":"○"; } alert(" あなたの点数は " + score + " 点です"); document.form1.score.value=score } </script> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </head> <body> <FORM name="form1"> <TABLE bgcolor="#999999" cellpadding="0" cellspacing="1" height="10"> <TBODY> <TR> <TD width="193" valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2">　Q1：あいうえお</FONT></TD> <TD valign="middle" width="151" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><input type="radio" name="q1" value="10" id="q1_1"><label for="q1_1">A</label>　<input type="radio" name="q1" value="0" id="q1_2"><label for="q1_2">B</label>　<input type="radio" name="q1" value="0" id="q1_3"><label for="q1_3">C</label></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><input type="text" name="maru_q1" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> <TR> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2">　Q2：かきくけこ</FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="left" height="25"><FONT color="#000000" size="2"><INPUT type="radio" name="q2" value="10" id="q2_1"><LABEL for="q2_1">A</LABEL>　<INPUT type="radio" name="q2" value="0" id="q2_2"><LABEL for="q2_2">B</LABEL>　<INPUT type="radio" name="q2" value="0" id="q2_3"><LABEL for="q2_3">C</LABEL></FONT></TD> <TD valign="middle" bgcolor="#ffffff" align="center" height="25" width="44"><FONT color="#000000" size="2"><INPUT type="text" name="maru_q2" class="maru"><BR> </FONT></TD> <TD valign="middle" bgcolor="#ffffff" width="38"></TD> </TR> </TBODY> </TABLE> <DIV align="left"><INPUT type="button" value="　採点　" onclick="displayScore(this.form)"><BR> <BR> <TABLE border="0" bgcolor="#ffff66"> <TBODY> <TR> <TD width="213" valign="middle"><FONT color="#000000" size="2"><B>　あなたの点数</B>　 <INPUT type="text" style="ime-mode:active;text-align : center;" size="10" name="score" readonly>　<B>点</B></FONT> </TD> </TR> </TBODY> </TABLE> </DIV> </FORM> <DIV align="left"></DIV> </body> </html>

最も多くチェックされた項目を調べる

javascriptで最も多くチェックされた項目を調べてそれぞれのページに分岐するようにしたいです。以下はサンプル <form onSubmit="return color(this)"> 好きな動物は？ <label><input type="radio" name="q1" value="A">うさぎ</label> <label><input type="radio" name="q1" value="B">カメ</label> <label><input type="radio" name="q1" value="C">イルカ</label> <label><input type="radio" name="q1" value="D">くま</label> 好きな場所は？ <label><input type="radio" name="q2" value="A">空</label> <label><input type="radio" name="q2" value="B">森</label> <label><input type="radio" name="q2" value="C">海</label> <label><input type="radio" name="q2" value="D">畑</label> 好きな食べ物は？ <label><input type="radio" name="q3" value="A">豆腐</label> <label><input type="radio" name="q3" value="B">ブロッコリー</label> <label><input type="radio" name="q3" value="B">なす</label> <label><input type="radio" name="q3" value="D">ハンバーグ</label> <input value="診断"> </form> 答えは以下のようにしたいです。 Aにもっとも多くチェックされた=あなたは白が好き Bにもっとも多くチェックされた=あなたは緑が好き Cにもっとも多くチェックされた=あなたは青が好き Dにもっとも多くチェックされた=あなたは茶色が好きこれはどういった計算で書けばいいのでしょうか？本やネットを探してみましたが自分ではわかりませんでした。初歩的な質問かもしれませんが何かヒントをくれると幸いです。

javascriptについて

ラジオボタンの未選択チェックについて

ラジオボタンの未選択チェックに困っています！フォームにInputして、CGIで送信するように設定しています。但し、送信内容を管理者がメール受信するため、ラジオボタンの「name」は漢字にしています。　　＜name＞＜value＞ Webの見やすさ　＝　見やすい　　と表示されるようにです。 <INPUT type="radio" name="Webの見やすさ" value="見やすい" id="Q11"><label for="Q11"> 見やすい</label> <INPUT type="radio" name="Webの見やすさ" value="特に問題ない" id="Q12"><label for="Q12"> 特に問題ない</label> <INPUT type="radio" name="Webの見やすさ" value="ふつう" id="Q13"><label for="Q13"> ふつう</label>　　 <INPUT type="radio" name="Webの見やすさ" value="やや見にくい" id="Q14"><label for="Q14"> やや見にくい</label>　　 <INPUT type="radio" name="Webの見やすさ" value="見にくい" id="Q15"><label for="Q15"> 見にくい</label></TD> この場合、ラジオボタンの未選択チェックは、どのようにしたらいいのでしょうか？今までは、「name」を英数にしていたので、下記のようにしていました。 <script language="JavaScript">  </script> 初心者のため、何を変えたらいいのか・・・ホームページを調べたのですが分かりませんでした。「name」が漢字の場合、どのように指示したらいいのか、ぜひぜひご教授願います。どうぞよろしくお願いいたします。

ラジオボタンの選択に応じてインプットを表示する。

お世話になります。　現在、ラジオボタンの選択に応じてインプットのフィールドが表示されるようなHTMLフォームを作っているのですが、煮詰まってしまいました。どうしてもうまくいかないのですが、 <html> <head> <title>テスト</title> <script type="text/javascript">  </script> </head> <body> <form action="xxx"> <p> <input type="radio" name="domain" id="1" value="1" onclick="checkradio('none');" /> <label for="1">選択１</label><br /> <input type="radio" name="domain" id="2" value="2" onclick="checkradio('none');" /> <label for="2">選択２</label><br /> <input type="radio" name="domain" id="3" value="3" onclick="checkradio('block');" checked /> <label for="3">選択３</label><br /> </p> <p id="input"> 選択３の詳細を書いてください。：<input type="text" id="input" name="select3" value="" size="20" /> </p> </form> </body> </html> と、こんな感じで、３を選択した時しかインプットを表示できません。選択１や選択２を表示した時には、「選択１の詳細を書いてください。」または「選択２の詳細を書いてください。」と表示させたいのですが、どこをどんな風に直せばいいでしょうか？それと同時に初期画面ではこのインプットを非表示にしてラジオボタンを選択した時に表示されるようにしたいと思っています。よろしくお願いします。

フォームの送信が働かない

<form action="mailto:******@hotmail.com" method="post" enctype="multipart/form-data"> <p> <label for="nm">お名前：</label> <input type="text" name="namae" id="nm"><br> <label for="ma">メール：</label> <input type="text" name="email" id="ma"> </p> <p> <input type="radio" name="sex" value="male" id="sm"> <label for="sm">男性</label>　 <input type="radio" name="sex" value="female" id="sf"> <label for="sf">女性</label> </p> <p> <input type="submit" value="送信"> <input type="reset" value="リセット"> </p> </form> で内容を送信しても働かないのですがなぜなのかわかりません。(mailアドレスは実在の物を入れてためしています。）それともしよければCGIの時に <form action="/cgi-bin/formmail.cgi" method="post">というのがどのように使うのか教えて下さい。これはこのままサーバーにいれたらいいのですか？それとも契約をしないといけないとか設定をしないといけないとかあるのでしょうか？複雑であれば何か調べられる情報を教えて下さい。お時間のある方是非教えて下さい。

質問の選択肢をランダム表示したいです。

4つの選択肢の中から一つを選ばせて、その結果を集計して、結果によって違うページに飛ぶスクリプトを作っています。その中で4つの選択肢をランダムに表示させる方法がわかりません。 Q1赤青緑黄,Q2赤青緑黄,Q3赤青緑黄… Q5赤青緑黄と現在なっていますが、 Q1緑黄赤青,Q2赤緑黄青,Q3青緑赤黄… Q5赤青緑黄という感じにしてもちゃんと集計してくれるようにしたいです。以下のプログラムまでできています。アドバイスお願いします。 <title>好きな色</title> <script type="text/javascript"> </script> </head> <body> <center> <form name="test"> <p> <table border="1"> <tr> <td> Q1 </td> <td>Yes</td> <td>No</td></tr> <br> <td><label>赤</label></td> <td><input type="radio" name="q1" value="1" /></td> <td><input type="radio" name="q2" value="2" /></td></tr> <td><label>青</label></td> <td><input type="radio" name="q1" value="3" /></td> <td><input type="radio" name="q2" value="4" /></td></tr> <td><label>緑</label></td> <td><input type="radio" name="q1" value="5"/></td> <td><input type="radio" name="q2" value="6"/></td></tr> <td><label>黄</label></td> <td><input type="radio" name="q1" value="7"/></td> <td><input type="radio" name="q2" value="8"/></td></tr> </table> <table border="1"> <tr> <td> Q2 </td> <td>Yes</td> <td>No</td></tr> <br> <td><label>赤</label></td> <td><input type="radio" name="q3" value="1"/></td> <td><input type="radio" name="q4" value="2"/></td></tr> <td><label>青</label></td> <td><input type="radio" name="q3" value="3" /></td> <td><input type="radio" name="q4" value="4" /></td></tr> <td><label>緑</label></td> <td><input type="radio" name="q3" value="5"/></td> <td><input type="radio" name="q4" value="6"/></td></tr> <td><label>黄</label></td> <td><input type="radio" name="q3" value="7"/></td> <td><input type="radio" name="q4" value="8"/></td></tr> </table> <input type="button" value="採点" onclick="count(this.form)"> </form> </center> </body> </html>

チェックされたラジオボタンにフォーカスを移動したい

<LABEL><INPUT type="radio" id="a" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="a" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="a" value="2">なし</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="2">なし</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="2">なし</LABEL><BR> ・・・のようにラジオボタンがグループ別に並んでいる場合に Enterキーを押したときにフォーカスが次のラジオボタングループのチェックが入ったラジオボタンにフォーカスを移動したいのですが、何かいい方法はないでしょうか？

Javascriptの結果の出し方で困っています。

みんなの回答

補足 2011/06/30 08:49

関連するQ&A

Javascriptの結果の出し方で困っています

scriptについて質問です。

JavaScript for文の処理

変数のクリア

オブジェクト名に変数を使いたい

ページにHTMLデータを出力の方法につきまして

チェックボックス　とラジオボタンの値取得について

ラジオボタンが未選択時の制御方法について

javascript 問題と答え

selectした項目によって、radioボタンの値を変える方法

Javascriptで複数のフォームを連結したい

javascriptでのテキストボックス制御

正解の答えを表示したいのですが・・・

最も多くチェックされた項目を調べる

javascriptについて

ラジオボタンの未選択チェックについて

ラジオボタンの選択に応じてインプットを表示する。

フォームの送信が働かない

質問の選択肢をランダム表示したいです。

チェックされたラジオボタンにフォーカスを移動したい

注目のQ&A

カテゴリ

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

専門家に質問してみよう

Javascriptの結果の出し方で困っています。

みんなの回答

補足 2011/06/30 08:49

関連するQ&A

Javascriptの結果の出し方で困っています

scriptについて質問です。

JavaScript for文の処理

変数のクリア

オブジェクト名に変数を使いたい

ページにHTMLデータを出力の方法につきまして

チェックボックス とラジオボタンの値取得について

ラジオボタンが未選択時の制御方法について

javascript 問題と答え

selectした項目によって、radioボタンの値を変える方法

Javascriptで複数のフォームを連結したい

javascriptでのテキストボックス制御

正解の答えを表示したいのですが・・・

最も多くチェックされた項目を調べる

javascriptについて

ラジオボタンの未選択チェックについて

ラジオボタンの選択に応じてインプットを表示する。

フォームの送信が働かない

質問の選択肢をランダム表示したいです。

チェックされたラジオボタンにフォーカスを移動したい

注目のQ&A

カテゴリ

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

専門家に質問してみよう

チェックボックス　とラジオボタンの値取得について