
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ベストアンサー
- 回答日時:
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
あのすいません以前僕はこの方...
-
NCフライス盤で、工作物を削っ...
-
livedoorブログのコメント欄を...
-
ブログでのseo効果を狙っている...
-
blog電話
-
すいませんまとめサイトやブロ...
-
あのすいませんこれってどんな...
-
すいません真面目な質問です。 ...
-
ブログ等で表示される書いた日...
-
ライブドアブログは会員登録し...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelに入力しているタグ<br>...
-
エクセルの改行のエンター
-
対話機能を付加するとalt+...
-
改行コードを置き換えられるエ...
-
ランキングバナー2つを 横に...
-
おしえてください!ライブドア...
-
ブログ記事を投稿したら勝手に...
-
Movable Typeで文章と画像のレ...
-
「笑えるワープロ変換ミス」も...
-
データのエクスポート
-
seesaa blog/シーサーブログで...
-
Hotmailの下書き保存時の自動的...
-
ブログの行間隔を、自由に空け...
-
Livedoorのブログでの画像の配...
-
楽天ブログでページの真ん中に...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
大学のレポート A4で1枚レポー...
-
2KB~4KBって何文字ですか?
-
つぶれた文字
おすすめ情報