重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

ラジオボタンのチェック数に応じて、リンク先のページを切り替えたい

解決済

  • 質問者：megupoco
  • 質問日時：
  • 回答数：1件

「yes」か「no」だけを選択できるラジオボタンを10組準備し、
yesが選択された数だけをカウントし、

yesの数：0～2　→　01.htm
yesの数：3～5　→　02.htm
yesの数：6～8　→　03.htm
yesの数：9以上　→　04.htm

ラジオボタンをチェックし終えた後、
ボタンをクリックすると目的のページにジャンプする仕組みを造りたいのですが、
JavaScriptが全くわからないため、
本と格闘したものの作ることが出来ませんでした。

formの名前は「test」とし、
各ラジオボタンの名前は「q01」「q02」・・・と番号を振って管理しています。

HTMLのソースを記載します。

<form name="test">

<p>
<input type="radio" name="q1" value="1">はい　
<input type="radio" name="q1" value="0">いいえ
</p>

<p>
<input type="radio" name="q2" value="1">はい　
<input type="radio" name="q2" value="0">いいえ
</p>

<p>
<input type="radio" name="q3" value="1">はい　
<input type="radio" name="q3" value="0">いいえ
</p>

～以下name="q10"まで続く



<input type="button" value="採点">

</form>


どなたか是非、お知恵をお貸しください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： BLUEPIXY
  • 回答日時：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS">
<title>ラジオボタンのカウント</title>
<script type="text/javascript"><!--
function count(f){
var yes = 0;
for(var i=1; i<=10; i++){
if(f["q" + i][0].checked && f["q" + i][0].value=="1"){//手抜き
yes++;
}
}
if(yes < 3){
location.href="01.html";
} else if( yes < 6){
location.href="02.html";
} else if( yes < 9){
location.href="03.html";
} else {
location.href="04.html";
}
}
//-->
</script>
</head>
<body>
<form name="test">
<p>
<input type="radio" name="q1" value="1">はい　
<input type="radio" name="q1" value="0">いいえ
</p>
<p>
<input type="radio" name="q2" value="1">はい　
<input type="radio" name="q2" value="0">いいえ
</p>
<p>
<input type="radio" name="q3" value="1">はい　
<input type="radio" name="q3" value="0">いいえ
</p>
<p>
<input type="radio" name="q4" value="1">はい　
<input type="radio" name="q4" value="0">いいえ
</p>
<p>
<input type="radio" name="q5" value="1">はい　
<input type="radio" name="q5" value="0">いいえ
</p>
<p>
<input type="radio" name="q6" value="1">はい　
<input type="radio" name="q6" value="0">いいえ
</p>
<p>
<input type="radio" name="q7" value="1">はい　
<input type="radio" name="q7" value="0">いいえ
</p>
<p>
<input type="radio" name="q8" value="1">はい　
<input type="radio" name="q8" value="0">いいえ
</p>
<p>
<input type="radio" name="q9" value="1">はい　
<input type="radio" name="q9" value="0">いいえ
</p>
<p>
<input type="radio" name="q10" value="1">はい　
<input type="radio" name="q10" value="0">いいえ
</p>
<input type="button" value="採点" onclick="count(this.form)">
</form>

</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
やりたいことがパーフェクトに形になりました。
後は、ソースの意味をゆっくり教科書等を使って理解して、自分でも同じことが組み立てられるように改良できるように頑張ってみます。

本当にありがとうございました。

通報する
お礼日時：2006/06/26 16:36

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報