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という場合どういった記述をすればいいのでしょうか？
ご面倒ですが回答のほどよろしくお願いします。

回答No.1

nicorus · ベストアンサー

おっしゃることだけを実現するには以下のかんじでしょうか。

<script>
function showResult(f){
var sum=0;
var nTotalQuestion=10;
for(var i=0;i<f.length;i++){
if(f[i].type=="radio" && f[i].checked){
sum+=parseInt(f[i].value);
nTotalQuestion--;
}
}
if( nTotalQuestion > 0 ){
alert("全てチェックしてください");
return false;
}
else
{
f.judge.value=sum;
var strKekkaURL="default.htm";
switch( sum )
{
case 10:
strKekkaURL="1.html";
break;
case 12:
strKekkaURL="2.html";
break;
default:
strKekkaURL="default.html";
break;
}
window.open(strKekkaURL,'windowname');
}
}
</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="showResult(this.form);">
</p></center>
</form>

お礼

迅速かつ丁寧な回答有難うございました！！