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>

回答No.1

kiyoto-777 · ベストアンサー

1 記事に入れる場合は、改行やコメント(//）を取り除いてから
記事に入れてください。
（記事の入れ方は、Wボタンをクリックして、ソースボタンをクリックしていれます）

原因は　スクリプト内に<br /> が入ってしまうためです。
（FC2ブログの編集エディタの特徴です）

2 スクリプト部分は下記をいれてください。

<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>