JavaScripを使用して。2グループのラジオボタンの計算をする方法。

質問

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

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

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

回答No.2

yambejp

#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 >グループ２</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>

お礼

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

回答No.1

babu_baboo

＞IEでは表示される
というHTMLのFORMぶぶんだけでも、あっぷしてくれると、
だれかが、かいとうしやすいとおもうじょ