診断ページ作成についてのヒント

質問

• ホームページ作成中にわからない点がある場合は、センセーショナルなタイトルで質問をまとめてください。
• 性格診断のページで使いたいradioボタンの項目がたくさんある場合、はいの数に応じてページを作成する方法を探しています。
• CGIをダウンロードするか、JavaScriptを使って簡単に実装できる方法を教えてください。

回答No.1

yuizuian · ベストアンサー

JavaScriptで十分実現可能です。
「診断」ボタンを押した時に、「はい」をチェックされているラジオボタンの数を調べて、
ジャンプする先を変えるだけです。

簡単なサンプルを作ってみたのでご活用ください。
フォーム名をformとして、
「診断」ボタンを
<INPUT TYPE="button" NAME="chekc" VALUE="診断" onClick="JampResult();">
とします。

function JampResult()
{
　Yes = 0;
　for(i=0; i<document.form.elements.length ;i++)
　{
　　if(document.form.elements[i].checked)
　　{
　　　if (document.form.elements[i].value == "はい") Yes++;
　　}
　}
　if (Yes <= 3)
　{
　　location.href "http://www.hoge.com/a.html";
　}
　else if (Yes <= 6)
　{
　　location.href "http://www.hoge.com/b.html";
　}
　else
　{
　　location.href "http://www.hoge.com/c.html";
　}
}