
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ランキング
-
ライブドアブログがタグ付けで...
-
ライブドアブログ 文字の色 CSS
-
ブログ等で表示される書いた日...
-
ブログでのseo効果を狙っている...
-
ライブドアブログは会員登録し...
-
blog電話
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
-
livedoorブログのコメント欄を...
-
livedoor blogってどうやって検...
-
インスタのコメントについて質...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelに入力しているタグ<br>...
-
ブログの文章の改行がおかしい...
-
ブログ記事を投稿したら勝手に...
-
シーサーブログの日記記事で改...
-
FC2の記事内に、各ASPのどんな...
-
javascriptを使うとデザインが...
-
ランキングバナー2つを 横に...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
大学のレポート A4で1枚レポー...
-
2KB~4KBって何文字ですか?
-
Wordで勝手に文字サイズが変わる?
-
つぶれた文字
-
Gmailの表示文字を大きくする方...
-
Facebookの文字を大きくする方法
-
Wordでのレポート、文字数行数...
-
ワードのヘッダーの文字について
-
明るい場所でのプレゼン。スラ...
-
印刷物の文字数の目安
-
大学の講義が始まり、講義後に...
おすすめ情報