fc2ブログの記事内で、ラジオボタンでクイズ
FC2ブログの記事内でラジオボタンを設置して択一クイズが作りたいです。
下記のプログラムを、ブログパーツのフリーエリアに入力すると、サイドメニューでは正常に動作します。
しかし、記事内に入力すると、ラジオボタンにチェックは入れられるのですが、採点ボタンを押しても反応しません。
どうすれば、ブログの記事内で、動作するのでしょうか？また、下記のプログラムに限らず可能なものがあれば教えてください。
プログラムを公開されている方のホームページには、メールフォームやコメント欄がないので、直接伺うことができませんでした。http://www.pori2.net/js/form/4.html
宜しくお願いします。
<form name="radioB">
カナダの首都は？<br>
<input type="radio" name="Q1">オタワ<br>
<input type="radio" name="Q1">トロント<br>
<input type="radio" name="Q1">モントリオール<br>
<br>
スイスの首都は？<br>
<input type="radio" name="Q2">ジュネーブ<br>
<input type="radio" name="Q2">チューリッヒ<br>
<input type="radio" name="Q2">ベルン<br>
<br>
ドイツの首都は？<br>
<input type="radio" name="Q3">ハンブルク<br>
<input type="radio" name="Q3">ブレーメン<br>
<input type="radio" name="Q3">ベルリン<br>
<br>
スペインの首都は？<br>
<input type="radio" name="Q4">バルセロナ<br>
<input type="radio" name="Q4">マドリード<br>
<input type="radio" name="Q4">リスボン<br>
<br>
オーストラリアの首都は？<br>
<input type="radio" name="Q5">シドニー<br>
<input type="radio" name="Q5">メルボルン<br>
<input type="radio" name="Q5">キャンベラ<br>
<br>
<input type="button" value="採点" onclick="saiten()" />
</form>
<script>
function saiten(){
var seikai=0; //正解数を入れる変数
//答えの番号を配列に入れる
var trueAns = new Array(0,5,8,10,14);
//正解のラジオボタンがチェックされているか確認
for (i=0 ; i<5 ; i++)
{
if( document.radioB.elements[trueAns[i]].checked )
seikai++;
}
alert("あなたは"+seikai*20+"点でした！");
}
</script>
