teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問javaScript カートの中が複数個になるとonclickが動かない

編集履歴

質問編集履歴

2

試したことを再度記入

2018/03/13 15:38

投稿

kiichan
kiichan

スコア6

test CHANGED
File without changes
test CHANGED
@@ -50,6 +50,20 @@
50
50
 
51
51
 
52
52
 
53
+ 複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
54
+
55
+
56
+
57
+
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+
66
+
53
67
  ```複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
54
68
 
55
69
 

1

試したことを書いた。コードを増やした

2018/03/13 15:38

投稿

kiichan
kiichan

スコア6

test CHANGED
@@ -1 +1 @@
1
- javascript とspring ボタンでカウントした回数を取得
1
+ javaScript カートの中が複数個になるとonclickが動かない
test CHANGED
@@ -1,5 +1,7 @@
1
1
  spring　にて買い物カートを作成しています。
2
2
 
3
+ カート全件表示のHTML↓
4
+
3
5
 
4
6
 
5
7
 
@@ -12,31 +14,53 @@
12
14
 
13
15
 
14
16
 
15
- 上記のように、表示され
17
+ 上記のようにカートに入れたものが表示されます。
16
18
 
17
19
  ＋1ボタンを押すとaが1増え
18
20
 
19
- －1を押すとaが1減る仕組みです
21
+ －1ボタンを押すとaが1減る仕組みです。
22
+
23
+
24
+
20
-
25
+ １．カートに1個だけの時はカウントが
26
+
21
-
27
+ 動きます。
28
+
22
-
29
+ |列1|列2|列3|｜
30
+
23
-
31
+ |:--|:--:|--:|
32
+
24
-
33
+ |リンゴ|a|－1|+1
34
+
35
+
36
+
37
+
38
+
25
- そのaの値の数をHTML画面から注文をするボタンと一緒に
39
+ ２．下記のようにカートに複数追加されると
26
-
40
+
27
- ＠Contllorに送るにはどうしたらよいかわかりません。
41
+ ボタンがすべて作動しなくなります。
42
+
28
-
43
+ |列1|列2|列3|｜
44
+
29
- もしわかる方がいらっしゃいましたら、ヒントを頂ければ幸いです。
45
+ |:--|:--:|--:|
46
+
30
-
47
+ |リンゴ|a|－1|+1
48
+
31
-
49
+ |みかん|a|－1|+1
50
+
51
+
52
+
32
-
53
+ ```複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
54
+
55
+
56
+
57
+
58
+
59
+ <table>
60
+
33
- １、HTML　個数ボタンを押すとcart.countに追加される
61
+ <tr class="column">
34
-
35
-
36
-
37
-
38
-
62
+
39
- ``` <td>商品名</td>
63
+ <td>商品名</td>
40
64
 
41
65
  <td>個数</td>
42
66
 
@@ -116,16 +140,94 @@
116
140
 
117
141
 
118
142
 
119
-
120
-
121
- コード
122
-
123
143
  ```
124
144
 
125
145
 
126
146
 
147
+
148
+
127
- ご注文お手続きのボタンで
149
+ ```jsファイルのコードはこちらです。
150
+
151
+
152
+
128
-
153
+ function addNum(count) {
154
+
155
+ var num = count.innerText;
156
+
157
+ var name = count.id;
158
+
159
+ var lastNum = name.substr(1);
160
+
161
+ var targetId1 = "b" + lastNum;
162
+
163
+ var targetId2 = "c" + lastNum;
164
+
165
+ var elm1 = document.getElementById(targetId1);
166
+
167
+ var elm2 = document.getElementById(targetId2);
168
+
169
+ var num2 = Number(elm1.value);
170
+
171
+ var num3 = Number(elm2.value);
172
+
173
+ num = Number(num);
174
+
175
+ if (num3 > num) {
176
+
177
+ num++;
178
+
179
+ num2++;
180
+
181
+ }
182
+
183
+
184
+
185
+ count.innerText = num;
186
+
187
+ elm1.value = num2;
188
+
189
+ }
190
+
191
+
192
+
193
+ function subtractNum(count) {
194
+
195
+ var num = count.innerText;
196
+
197
+ var name = count.id;
198
+
199
+ var lastNum = name.substr(1);
200
+
201
+ var targetId = "b" + lastNum;
202
+
203
+ var elm = document.getElementById(targetId);
204
+
205
+ var num2 = Number(elm.value);
206
+
207
+ num = Number(num);
208
+
209
+ if (num > 1) {
210
+
211
+ num--;
212
+
213
+ num2--;
214
+
215
+ }
216
+
217
+
218
+
219
+ count.innerText = num;
220
+
221
+ elm.value = num2;
222
+
223
+ }
224
+
225
+ ```
226
+
227
+
228
+
129
- ボタンによって増減した値をコントローラーに値を送りたいです。
229
+ 初心者でして、他にどう調べてよいか悩み質問致しました。
230
+
231
+ ヒントを頂けたらとても幸いです。
130
232
 
131
233
  宜しくお願い致します。