- ベストアンサー
ラジオボタンで解答・点数表示
- 10問のテストを作成しています。選択肢はラジオボタンで3択であり、正解は10点、その他は0点となります。
- 採点をクリックすると、テキストボックスに○×の結果を表示し、もう一つのテキストボックスには不正解の場合は正しい解答を表示します。
- 最終的にアラートで「あなたの点数は〇〇点」と表示し、テキストボックスに得点を表示します。また、FORM1.2のSCOREにも点数を表示します。
- machaleo
- お礼率41% (10/24)
- JavaScript
- 回答数1
- ありがとう数6
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
http://oshiete1.goo.ne.jp/qa3558102.html ちょっと前に書いたのを改良してこんな感じでどうでしょう？ <html> <head> <script language=javascript> var obj=new Array(10); for(var i=0;i<obj.length;i++){ obj[i]=new Object; obj[i].setObj=setObj; } //setObj(問題文,回答の選択肢をArrayでかく,正解番号、1項目目=0,配点); obj[0].setObj("世界一長い川は？",Array("ナイル川","ミシシッピー川","アマゾン川"),0,10); obj[1].setObj("実在するのは？",Array("バルカン市国","バルタン市国","バチカン市国"),2,10); obj[2].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[3].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[4].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[5].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[6].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[7].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[8].setObj("省略:答えは0",Array("0","1","2"),0,10); obj[9].setObj("省略:答えは0",Array("0","1","2"),0,10); function setObj(question,answers,correct,point){ this.question=question; this.answers=answers; this.correct=correct; this.point=point; } function check(f){ var point=0; for(var i=0;i<obj.length;i++){ var num=getNumber(f["q-"+i]); if(num >=0) point +=parseInt(f["q-"+i][num].value); f["r-"+i].value =((obj[i].correct==num)?"○":"×"); f["a-"+i].value =obj[i].answers[obj[i].correct]; } alert("あなたの点数は"+point+"点") f.score.value=point; } function getNumber(radio){ for(var i=0;i<radio.length;i++){ if(radio[i].checked) return i; } return -1; } </script> </head> <body> <form> <script> for(var i=0;i<obj.length;i++){ document.write("質問"+(i+1)+":"+obj[i].question+"("+obj[i].point+"点)"+"<br>") for(var j in obj[i].answers){ document.write("<input type='radio' name='q-"+i+"' id='q-"+i+"-"+j+"' value='"+(j==obj[i].correct?obj[i].point:0)+"'><label for='q-"+i+"-"+j+"'>"+obj[i].answers[j]+"</label>") } document.write("<br><input size='3' type='text' name='r-"+i+"'><input type='text' name='a-"+i+"'>"); document.write("<br>") } </script> <hr> <input type="button" value="採点" onClick="check(this.form)"><br> SCORE:<input type="text" name="score"><br> </form> </body> </html>
