![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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で質問しましょう!
似たような質問が見つかりました
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- PHP php ログイン 1 2022/11/01 00:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
縦横比が同じになって、碁盤が...
-
Livedoorのブログでの画像の配...
-
レポート2000字程度なら何文字...
-
テプラの文字を大きくしたいで...
-
大学のレポート A4で1枚レポー...
-
明るい場所でのプレゼン。スラ...
-
ブログのサイドメニューを並び...
-
つぶれた文字
-
大学の講義が始まり、講義後に...
-
livedoor無料版の自作デザイン...
-
2KB~4KBって何文字ですか?
-
リンク
-
mt5のブログで記事を小分けにし...
-
MovableTypeに人気記事ランキン...
-
印刷物の文字数の目安
-
文字が小さくなった
-
料理ブログの写真に文字などの...
-
FC2ブログのタイトル文字の色変...
-
Movable Typeでカテゴリの月別...
-
文字や画像がブロックごとにぼ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Livedoorのブログでの画像の配...
-
Excelに入力しているタグ<br>...
-
ベビカム日記を製本したいので...
-
ブログ記事を投稿したら勝手に...
-
縦横比が同じになって、碁盤が...
-
ブログの文章の改行がおかしい...
-
wordpress<br>が効きません
-
ランキングバナー2つを 横に...
-
「笑えるワープロ変換ミス」も...
-
fc2ブログで忍者おまとめボタン...
-
Movable Typeで文章と画像のレ...
-
FC2の記事内に、各ASPのどんな...
-
seesaaブログで、アマゾンアソ...
-
エクセルの改行のエンター
-
Androidスマホ、音声入力で句読...
-
javascriptを使うとデザインが...
-
ブログの行間隔を、自由に空け...
-
二行以上の行間を空けられるタ...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
おすすめ情報