teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問特定のラジオグループを選んでいる場合、任意のラジオグループの値を割り引く方法

編集履歴

質問編集履歴

8

情報の追加

2021/09/13 11:46

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,10 @@
14
14
 
15
15
 
16
16
 
17
+ ### 発生している問題・エラーメッセージ
18
+
19
+ テキストボックスに数値が表示されない（どの段階の処理で止まっているかは不明）
20
+
17
21
 
18
22
 
19
23
  ### 該当のソースコード
@@ -210,7 +214,19 @@
210
214
 
211
215
  </ul>
212
216
 
213
-
217
+ <div class="estimate_result">
218
+
219
+ <h3 class="kingaku">合計金額</h3>
220
+
221
+ <dl>
222
+
223
+ <dt>施工費</dt>
224
+
225
+ <dd><input type="text" name="field_price1" size="8" value="0"> 円</dd>
226
+
227
+ </dl>
228
+
229
+ </div>
214
230
 
215
231
  ```
216
232
 

7

情報の追加

2021/09/13 11:46

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -8,6 +8,8 @@
8
8
 
9
9
  例：果物（グループＡ）を買っている場合、かご（グループＢ）を1000円（50％off）で購入できる
10
10
 
11
+ 取得した値を足し合わせ正規表現に直した後テキストボックスに表示する←ここはできている
12
+
11
13
  という動作を実装したいのですがどのようにすればいいのでしょうか　
12
14
 
13
15
 

6

情報の追加

2021/09/13 09:52

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,8 @@
6
6
 
7
7
  ラジオグループAの項目を選択していた場合、ラジオグループBの数値を半額にする
8
8
 
9
+ 例：果物（グループＡ）を買っている場合、かご（グループＢ）を1000円（50％off）で購入できる
10
+
9
11
  という動作を実装したいのですがどのようにすればいいのでしょうか　
10
12
 
11
13
 

5

修正

2021/09/13 08:05

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  HTMLとJavaScriptでラジオボタンを用いて数値計算をするときに
6
6
 
7
- ラジオグループAの項目を選択した場合、ラジオグループBの数値を割り引く
7
+ ラジオグループAの項目を選択していた場合、ラジオグループBの数値を半額にする
8
8
 
9
9
  という動作を実装したいのですがどのようにすればいいのでしょうか　
10
10
 

4

修正

2021/09/13 07:59

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -122,7 +122,7 @@
122
122
 
123
123
  <label>
124
124
 
125
- <input type="radio" name="group1" id="group1" value="200" onClick="keisan()" /><span class="radio">桃<br class="sp_only">プラス</span>
125
+ <input type="radio" name="group1" id="group1" value="200" onClick="keisan()" /><span class="radio">桃<br class="sp_only">
126
126
 
127
127
  <span>単価 200円/1個</span>
128
128
 
@@ -194,7 +194,7 @@
194
194
 
195
195
  <label>
196
196
 
197
- <input type="radio" name="group2" id="group2" value="1000" onClick="keisan()" /><span class="radio">箱<br class="sp_only">プラス</span>
197
+ <input type="radio" name="group2" id="group2" value="1000" onClick="keisan()" /><span class="radio">箱<br class="sp_only">
198
198
 
199
199
  <span>単価 1000円/1箱</span>
200
200
 

3

情報の追加

2021/09/13 07:58

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -18,9 +18,35 @@
18
18
 
19
19
  ```JavaScript
20
20
 
21
+ function keisan(){
22
+
23
+
24
+
25
+ var i;
26
+
27
+ var p1 = 0;
28
+
29
+ var p2 = 0;
30
+
31
+
32
+
33
+ var group1 = document.getElementsByName("group1"); //チェック済みのラジオボタンを調べて値を取得
34
+
35
+ for(i=0; i<group1.length; i++){
36
+
37
+ if(group1[i].checked){
38
+
39
+ p1 = group1[i].value;
40
+
41
+ break;
42
+
43
+ }
44
+
45
+ }
46
+
21
47
  var group2 = document.getElementsByName("group2");
22
48
 
23
- for(i=0; i<goods4.length; i2++){
49
+ for(i=0; i<group2.length; i2++){
24
50
 
25
51
  if(group2[i].checked ){
26
52
 
@@ -28,17 +54,169 @@
28
54
 
29
55
  break;
30
56
 
57
+ }
58
+
59
+ }
60
+
61
+
62
+
63
+ var price1 = p1 * document.form1.volume1 .selectedIndex; // 数量×単価
64
+
65
+ var price2 = p2 // 単価
66
+
67
+
68
+
69
+ var price1 = parseInt(group1)+parseInt(group2)
70
+
71
+
72
+
73
+ //表示用の金額を3桁区切りに変換
74
+
75
+ var data = new Array(price1);
76
+
77
+ var len = data.length;
78
+
79
+
80
+
81
+ for(cnt=0;cnt<len;cnt++){
82
+
83
+ data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); //正規表現で3桁ごとにカンマで区切る
84
+
85
+ }
86
+
87
+
88
+
89
+ //フォームに表示する金額
90
+
91
+ document.form1.field_price1.value = data[1];
92
+
93
+ }
94
+
31
95
  ```
32
96
 
33
97
 
34
98
 
99
+ ```HTML
100
+
101
+ <h3 data-label="01"><span>ご希望の商品</span></h3>
102
+
103
+ <ul>
104
+
105
+ <li>
106
+
107
+ <label>
108
+
109
+ <input type="radio" name="group1" id="group1" value="100" onClick="keisan()" /><span class="radio">りんご</span>
110
+
111
+ <span>単価 100円/1個</span>
112
+
113
+ </label>
114
+
115
+ </li>
116
+
117
+ </ul>
118
+
119
+ <ul>
120
+
121
+ <li>
122
+
123
+ <label>
124
+
125
+ <input type="radio" name="group1" id="group1" value="200" onClick="keisan()" /><span class="radio">桃<br class="sp_only">プラス</span>
126
+
127
+ <span>単価 200円/1個</span>
128
+
129
+ </label>
130
+
131
+ </li>
132
+
133
+ </ul>
134
+
135
+ <ul>
136
+
137
+ <li>
138
+
139
+ <label>
140
+
141
+ <input type="radio" name="group1" id="group1" value="120" onClick="keisan()" /><span class="radio">みかん</span>
142
+
143
+ <span>単価 120円/1個</span>
144
+
145
+ </label>
146
+
147
+ </li>
148
+
149
+ </ul>
150
+
151
+ <ul>
152
+
153
+ <li>
154
+
155
+ <label>
156
+
157
+ <input type="radio" name="group1" id="group1" value="220" onClick="keisan()" /><span class="radio">梨</span>
158
+
159
+ <span>単価 220円/1個</span>
160
+
161
+ </label>
162
+
163
+ </li>
164
+
165
+ </ul>
166
+
167
+ </div>
168
+
169
+ </div>
170
+
171
+ <div class="shohin2">
172
+
173
+ <h3 data-label="05"><span>ご希望の商品</span></h3>
174
+
175
+ <ul>
176
+
177
+ <li>
178
+
179
+ <label>
180
+
181
+ <input type="radio" name="group2" id="group2" value="2000" onClick="keisan()" /><span class="radio">かご</span>
182
+
183
+ <span>単価 2000円/1個</span>
184
+
185
+ </label>
186
+
187
+ </li>
188
+
189
+ </ul>
190
+
191
+ <ul>
192
+
193
+ <li>
194
+
195
+ <label>
196
+
197
+ <input type="radio" name="group2" id="group2" value="1000" onClick="keisan()" /><span class="radio">箱<br class="sp_only">プラス</span>
198
+
199
+ <span>単価 1000円/1箱</span>
200
+
201
+ </label>
202
+
203
+ </li>
204
+
205
+
206
+
207
+ </ul>
208
+
209
+
210
+
211
+ ```
212
+
35
213
  ### 試したこと
36
214
 
37
215
  ```JavaScript
38
216
 
39
217
  var group2 = document.getElementsByName("group2");
40
218
 
41
- for(i=0; i<goods4.length; i2++){
219
+ for(i=0; i<group2.length; i2++){
42
220
 
43
221
  if(group2[i].checked ){
44
222
 

2

初心者マーク

2021/09/13 07:56

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  ラジオグループAの項目を選択した場合、ラジオグループBの数値を割り引く
8
8
 
9
- という動作を実装したいのですがどのようにすればいいのでしょうか
9
+ という動作を実装したいのですがどのようにすればいいのでしょうか　
10
10
 
11
11
 
12
12
 

1

誤字

2021/09/12 16:09

投稿

J_aoi
J_aoi

スコア0

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- HTMLとJavaScriptをのラジオボタンを用いて数値計算をするときに
5
+ HTMLとJavaScriptでラジオボタンを用いて数値計算をするときに
6
6
 
7
7
  ラジオグループAの項目を選択した場合、ラジオグループBの数値を割り引く
8
8