teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問【計算フォーム】JavaScriptで複数の商品、個数に応じて割引

編集履歴

質問編集履歴

6

参考サイトの追加

2018/11/22 20:22

投稿

cross1115
cross1115

スコア10

test CHANGED
File without changes
test CHANGED
@@ -392,15 +392,21 @@
392
392
 
393
393
 
394
394
 
395
- [リンク内容](https://teratail.com/questions/18734)
395
+ [参考サイト](https://teratail.com/questions/18734)
396
-
396
+
397
- こちらの記事も参考にしましたが、１つの商品の場合だったので、
397
+ こちらの記事を参考にしているのですが、１つの商品の場合だったので、
398
+
398
-
399
+ 条件を変えるのが精一杯でした。
400
+
401
+
402
+
403
+ [参考サイト](https://qwerty.work/blog/2010/09/javascript-4.php)
404
+
399
- JavaScript初心者の私には改造しきれずでした。
405
+ その下のコードはこちらから引っ張ってきています。
400
-
401
-
402
-
406
+
407
+
408
+
403
- [リンク内容](https://sterfield.co.jp/designer/jquery%E3%81%A7%E9%87%91%E9%A1%8D%E3%82%92%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/)
409
+ [リンク](https://sterfield.co.jp/designer/jquery%E3%81%A7%E9%87%91%E9%A1%8D%E3%82%92%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/)
404
410
 
405
411
  こちらのデモも商品を選んで個数を選んで割引になるのですが、
406
412
 

5

内容の変更

2018/11/22 20:21

投稿

cross1115
cross1115

スコア10

test CHANGED
@@ -1 +1 @@
1
- [計算フォーム]複数の商品、個数に応じて割引
1
+ 【計算フォーム】JavaScriptで複数の商品、個数に応じて割引
test CHANGED
@@ -4,11 +4,11 @@
4
4
 
5
5
  まとめ買いをすると、数量によって価格が割引される。
6
6
 
7
- （％じゃなく、個数に応じた割引価格）
7
+ （割引は、％ではなく、多くなればなるほど割引が大きくなる個数に応じた割引価格）
8
-
9
-
10
-
8
+
9
+
10
+
11
- 商品は複数選択可能なようにして、プルダウン、ラジオボタン、チェックボタンはお任せ。
11
+ 商品は複数選択可能なようにして、プルダウン、ラジオボタン、チェックボタンは不問。
12
12
 
13
13
  個数はインプットで数量を入力タイプ。
14
14
 
@@ -26,7 +26,7 @@
26
26
 
27
27
  ### 発生している問題・エラーメッセージ
28
28
 
29
- 基礎的な計算フォームはネット上あるので、
29
+ 基礎的な計算フォームはネット上に情報があるので、
30
30
 
31
31
  それらを組み合わせたらなんとかなるかな？と思い、
32
32
 
@@ -36,9 +36,11 @@
36
36
 
37
37
  載せているものはグチャグチャだと思うので、
38
38
 
39
- これを足したり削ったりして、求めているものに
39
+ 既存のものをベースにして、足したり削ったりして、
40
+
40
-
41
+ 求めているものになれ流ようにご指摘いただければ...
42
+
41
- なれば...と思います。
43
+ と思っております。
42
44
 
43
45
 
44
46
 

4

コードの編集

2018/11/22 19:53

投稿

cross1115
cross1115

スコア10

test CHANGED
File without changes
test CHANGED
@@ -124,11 +124,11 @@
124
124
 
125
125
 
126
126
 
127
- var price1 = (document.form1.goods1.value) * document.form1.volume1.selectedIndex; // 数量×単価
127
+ var price1 = eval(document.form1.goods1.value) * document.form1.volume1.selectedIndex; // 数量×単価
128
-
128
+
129
- var price2 = (document.form1.goods2.value) * document.form1.volume2.selectedIndex;
129
+ var price2 = eval(document.form1.goods2.value) * document.form1.volume2.selectedIndex;
130
-
130
+
131
- var price3 = (document.form1.goods3.value) * document.form1.volume3.selectedIndex;
131
+ var price3 = eval(document.form1.goods3.value) * document.form1.volume3.selectedIndex;
132
132
 
133
133
 
134
134
 

3

文章の変更

2018/11/22 19:46

投稿

cross1115
cross1115

スコア10

test CHANGED
File without changes
test CHANGED
@@ -34,6 +34,14 @@
34
34
 
35
35
 
36
36
 
37
+ 載せているものはグチャグチャだと思うので、
38
+
39
+ これを足したり削ったりして、求めているものに
40
+
41
+ なれば...と思います。
42
+
43
+
44
+
37
45
  ```
38
46
 
39
47
  エラーメッセージ

2

タグの修正

2018/11/22 19:40

投稿

cross1115
cross1115

スコア10

test CHANGED
File without changes
test CHANGED
@@ -116,17 +116,17 @@
116
116
 
117
117
 
118
118
 
119
- var price1 = (document.form1.goods1.value) * document.form1.volume1 .selectedIndex; // 数量×単価
119
+ var price1 = (document.form1.goods1.value) * document.form1.volume1.selectedIndex; // 数量×単価
120
-
120
+
121
- var price2 = (document.form1.goods2.value) * document.form1.volume2 .selectedIndex;
121
+ var price2 = (document.form1.goods2.value) * document.form1.volume2.selectedIndex;
122
-
122
+
123
- var price3 = (document.form1.goods3.value) * document.form1.volume3 .selectedIndex;
123
+ var price3 = (document.form1.goods3.value) * document.form1.volume3.selectedIndex;
124
-
125
-
126
-
127
-
128
-
124
+
125
+
126
+
127
+
128
+
129
- var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 合計を計算
129
+ var total1 = parseInt(price1) + parseInt(price2) + parseInt(price3); // 合計を計算
130
130
 
131
131
  var tax2 = Math.round((total1 * tax) / 100); //消費税を計算
132
132
 
@@ -174,11 +174,9 @@
174
174
 
175
175
  <input type="text" id="num" placeholder="10">
176
176
 
177
- <input type="button" value="購入価格の表示" onclick="keisan()">
177
+ <input type="button" value="購入価格の表示" onclick="keisan()">
178
-
178
+
179
- <div id="showMoney"></div>
179
+ <div id="showMoney"></div>
180
-
181
-
182
180
 
183
181
 
184
182
 
@@ -206,11 +204,11 @@
206
204
 
207
205
  <option value="0" selected="selected">選択してください</option>
208
206
 
209
- <option value="1000" name="すいか">すいか 1,000円</option>
207
+ <option value="1000">すいか 1,000円</option>
210
-
208
+
211
- <option value="450" name="いか">いか 450円</option>
209
+ <option value="450">いか 450円</option>
212
-
210
+
213
- <option value="35900" name="か">か　650円</option>
211
+ <option value="650">か　650円</option>
214
212
 
215
213
  </select></td>
216
214
 

1

コード表示部分の修正

2018/11/22 19:35

投稿

cross1115
cross1115

スコア10

test CHANGED
File without changes
test CHANGED
@@ -44,6 +44,8 @@
44
44
 
45
45
  ### 該当のソースコード
46
46
 
47
+ ```
48
+
47
49
  <script type="text/javascript">
48
50
 
49
51
  <!--
@@ -162,12 +164,14 @@
162
164
 
163
165
  </script>
164
166
 
165
-
167
+ ```
166
168
 
167
169
 
168
170
 
169
171
  ### HTML
170
172
 
173
+ ```
174
+
171
175
  <input type="text" id="num" placeholder="10">
172
176
 
173
177
  <input type="button" value="購入価格の表示" onclick="keisan()">
@@ -370,7 +374,7 @@
370
374
 
371
375
  </div>
372
376
 
373
-
377
+ ```
374
378
 
375
379
  ### 試したこと
376
380