- ベストアンサー
ラジオボタンを使ってリンク先のページを切り替えたい方法
- ラジオボタンを使ってリンク先のページを切り替える方法をご教示ください
- JavaScriptを使用して、ラジオボタンのチェック数に応じてリンク先のページを指定する方法を教えてください
- HTMLのフォームにラジオボタンを追加し、ラジオボタンの選択状況に応じてページを切り替えたいですが、JavaScriptがわからず実現できません。助けてください。
- megupoco
- お礼率87% (78/89)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<!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>
お礼
ありがとうございます。 やりたいことがパーフェクトに形になりました。 後は、ソースの意味をゆっくり教科書等を使って理解して、自分でも同じことが組み立てられるように改良できるように頑張ってみます。 本当にありがとうございました。