こんにちわ、JavaScript初心者です。
2つのグループのラジオボタンとひとつのチェックボックスを選び、計算結果をアラートで表示させるJavaScriptを作りたいと思っています。IEでは表示されるのですが、FireFoxではアラートが全く表示されません。(;;)どうぞお助けください。内容的には
フォーム
グループ1
○500円
○1000円
○2000円
○3000円
グループ2
○A(を選ぶと値段はそのまま)
○B(を選ぶと値段が2倍)
○C(を選ぶと値段が4倍)
○D(を選ぶと値段が6倍)
○F(を選ぶと値段が10倍)
最後に人数が10人以上□(チェックボックスで、チェックした場合は合計金額に200円追加)
で、ボタンを押すと合計金額が出る仕組みです。
どうぞ、よろしくお願いいたします。
m(_ _)m
No.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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Amazon Amazonギフト券について質問です。 4 2022/07/31 20:56
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- Excel(エクセル) 文字列を数式として変換する事はできますか? 6 2022/06/23 10:38
- 電車・路線・地下鉄 至急お願いします! 通勤定期券の払い戻しについて 11月〜4月までの6ヶ月分購入したのですが、4月分 5 2023/03/28 18:13
- レシピ・食事 節約レシピの計算ってざっくり? 画像のレシピは回鍋肉です。 豚バラ肉(薄切り) 150g キャベツ 2 2022/03/25 09:09
- Excel(エクセル) IF 関数で「〇〇 という文字を含む場合」の分岐処理で表示された数字はSUMで数字集計できますか? 3 2022/08/02 16:29
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- 格安スマホ・SIMフリースマホ 今 ahamoを使っていて 4898円以下になる携帯会社があれば乗り換えたいです 20GBと24時間 9 2022/09/27 07:43
- アクセサリ・腕時計 初めて買った時計は?? 2 2022/05/27 00:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択によってチ...
-
ラジオボタン未チェックの場合...
-
ラジオボタンのリセット方法
-
ラジオボタンの未選択アラート/...
-
データベースの値を判断してラ...
-
jsでラジオボタンによって表示...
-
ラジオボタンにタブインデック...
-
リセットボタンでクリアできな...
-
Jvasvriptのlengthで個数が取得...
-
ジャバスクリプト機能の繰り返...
-
js radioボタンの「name」を多...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
javascriptの値をformのinput h...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
チェックされたラジオボタンに...
-
アンダーバーのname値は取得で...
-
ラジオボタンのリセット方法
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
jQuery 変数の使い方について
-
ラジオボタンでチェックした項...
-
チェックボックスとテキストボ...
-
JavaScriptでラジオボタンのチ...
おすすめ情報