プロが教えるわが家の防犯対策術!

こんにちわ、JavaScript初心者です。
2つのグループのラジオボタンとひとつのチェックボックスを選び、計算結果をアラートで表示させるJavaScriptを作りたいと思っています。IEでは表示されるのですが、FireFoxではアラートが全く表示されません。(;;)どうぞお助けください。内容的には
フォーム
グループ1
○500円
○1000円
○2000円
○3000円

グループ2
○A(を選ぶと値段はそのまま)
○B(を選ぶと値段が2倍)
○C(を選ぶと値段が4倍)
○D(を選ぶと値段が6倍)
○F(を選ぶと値段が10倍)

最後に人数が10人以上□(チェックボックスで、チェックした場合は合計金額に200円追加)
で、ボタンを押すと合計金額が出る仕組みです。
どうぞ、よろしくお願いいたします。
m(_ _)m

A 回答 (2件)

#1に賛成しますが、まぁなにも提示しないのもなんなので・・・


フローとしてはフォームのエレメンツをだらだらとチェックする方法です
実際にはエレメント毎にチェックする方が効率的かもしれません

<script>
function check(f){
var p=0;
var b=0;
var o=0;
for(var i=0;i<f.length;i++){
if(f[i].name=="price" && f[i].checked) p=parseInt(f[i].value);
if(f[i].name=="by" && f[i].checked) b=parseInt(f[i].value);
if(f[i].name=="over10" && f[i].checked) o=200;
}
alert(p*b+o);
}
</script>

<form>
<fieldset>
<legend >グループ1</legend>
<input type="radio" name="price" value="500">500円
<input type="radio" name="price" value="1000">1000円
<input type="radio" name="price" value="2000">2000円
<input type="radio" name="price" value="3000">3000円
</fieldset>
<fieldset>
<legend >グループ2</legend>
<input type="radio" name="by" value="1">A(を選ぶと値段はそのまま)
<input type="radio" name="by" value="2">B(を選ぶと値段が2倍)
<input type="radio" name="by" value="4">C(を選ぶと値段が4倍)
<input type="radio" name="by" value="6">D(を選ぶと値段が6倍)
<input type="radio" name="by" value="10">F(を選ぶと値段が10倍)
</fieldset>
<p>
10人以上は200円加算<input type="checkbox" name="over10">
<input type="button" value="check" onclick="check(this.form)">
</p>
</form>
    • good
    • 0
この回答へのお礼

ありがとうございました。皆さんのScriptを見て勉強させていただきます。ご好意感謝しています。

お礼日時:2009/09/26 19:59

>IEでは表示される


というHTMLのFORMぶぶんだけでも、あっぷしてくれると、
だれかが、かいとうしやすいとおもうじょ
    • good
    • 0

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