診断サイトの作り方

http://kantei.am/13107/

このようなサイトをJavascriptでつくってみたいと思いました。
やり方などが載っているサイトがあれば教えてください。

No.4 ベストアンサー 回答者： yambejp 回答日時： 2008/02/21 18:44

大雑把にこんなかんじ

あとは工夫してください。

<script>
function calc(f){
var sum=0;
for(var i=0;i<f.length;i++){
if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value);
}
f.judge.value=sum;
}
</script>
<form>
Q1.<br>
<input type="radio" name="Q1" id="Q1_1" value="1"><label for="Q1_1">1点</label><br>
<input type="radio" name="Q1" id="Q1_2" value="5"><label for="Q1_2">5点</label><br>
<input type="radio" name="Q1" id="Q1_3" value="10"><label for="Q1_3">10点</label><br>
Q2.<br>
<input type="radio" name="Q2" id="Q2_1" value="1"><label for="Q2_1">1点</label><br>
<input type="radio" name="Q2" id="Q2_2" value="5"><label for="Q2_2">5点</label><br>
<input type="radio" name="Q2" id="Q2_3" value="10"><label for="Q2_3">10点</label><br>
Q3.<br>
<input type="radio" name="Q3" id="Q3_1" value="1"><label for="Q3_1">1点</label><br>
<input type="radio" name="Q3" id="Q3_2" value="5"><label for="Q3_2">5点</label><br>
<input type="radio" name="Q3" id="Q3_3" value="10"><label for="Q3_3">10点</label><br>

<input type="text" name="judge" value="0" >
<input type="button" value="判定" onClick="calc(this.form)">
</form>

この回答へのお礼

ありがとうございます。
かなり参考になりました。

お礼日時：2008/02/21 21:13

No.3 回答者： shimix 回答日時： 2008/02/21 14:09

>やろうとしたのですがsumは宣言されてませんなどと出てきてしまいます。

たしかにJavaScriptにsum()という関数はありません。リファレンスを見てください。

この回答への補足

sumは変数として設定しました
ラジオボタンの位置によって１～3の値をそのsumにたしていき最後にそのsumの値によって診断結果がわかるというものを作りたいのです

どの位置にどのような関数を置いたらいいのかなどというアドバイスをお願いします。

補足日時：2008/02/21 15:11

No.2 回答者： yambejp 回答日時： 2008/02/21 13:23

送信さえしなければ、formのエレメントをさらっと見て

点数かなにかをたし、結果を表記すればよいでしょう。
まずはやってみてわからないところをきいてみてください

この回答への補足

全体的な流れ？などがうまくわからないんですが・・・

やろうとしたのですがsumは宣言されてませんなどと出てきてしまいます。

補足日時：2008/02/21 13:30

No.1 回答者： shimix 回答日時： 2008/02/21 12:31

JavaScriptだとかえって面倒だろうなぁ・・と思ってしまいますが、

>Javascriptでつくってみたいと思いました。

JavaScriptと限定されたのはなぜでしょうか？

この回答への補足

JavaScriptは使ったことがあるからです

あとCとHSPなら少しだけやりました

補足日時：2008/02/21 13:26