質問編集履歴
2
試したことを再度記入
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -24,6 +24,13 @@
|
|
|
24
24
|
|リンゴ|a|－1|+1
|
|
25
25
|
|みかん|a|－1|+1
|
|
26
26
|
|
|
27
|
+
複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
27
34
|
```複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
|
|
28
35
|
|
|
29
36
|
|
1
試したことを書いた。コードを増やした
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
javaScript カートの中が複数個になるとonclickが動かない
|
body
CHANGED
|
@@ -1,23 +1,35 @@
|
|
|
1
1
|
spring にて買い物カートを作成しています。
|
|
2
|
+
カート全件表示のHTML↓
|
|
2
3
|
|
|
3
4
|
|
|
4
5
|
|列1|列2|列3|｜
|
|
5
6
|
|:--|:--:|--:|
|
|
6
7
|
|リンゴ|a|－1|+1
|
|
7
8
|
|
|
8
|
-
上記のように
|
|
9
|
+
上記のようにカートに入れたものが表示されます。
|
|
9
10
|
＋1ボタンを押すとaが1増え
|
|
10
|
-
－1を押すとaが1減る仕組みです
|
|
11
|
+
－1ボタンを押すとaが1減る仕組みです。
|
|
11
12
|
|
|
13
|
+
１．カートに1個だけの時はカウントが
|
|
14
|
+
動きます。
|
|
15
|
+
|列1|列2|列3|｜
|
|
16
|
+
|:--|:--:|--:|
|
|
17
|
+
|リンゴ|a|－1|+1
|
|
12
18
|
|
|
13
|
-
そのaの値の数をHTML画面から注文をするボタンと一緒に
|
|
14
|
-
＠Contllorに送るにはどうしたらよいかわかりません。
|
|
15
|
-
もしわかる方がいらっしゃいましたら、ヒントを頂ければ幸いです。
|
|
16
19
|
|
|
17
|
-
|
|
20
|
+
２．下記のようにカートに複数追加されると
|
|
21
|
+
ボタンがすべて作動しなくなります。
|
|
22
|
+
|列1|列2|列3|｜
|
|
23
|
+
|:--|:--:|--:|
|
|
24
|
+
|リンゴ|a|－1|+1
|
|
25
|
+
|みかん|a|－1|+1
|
|
18
26
|
|
|
27
|
+
```複数だと、id=a1が判別できなくなっているのではと思い、下記のソースコードにてonclick()の引数をa1からsession.cartから取得した${cart.id}を代入して試してみたが駄目でした。
|
|
19
28
|
|
|
29
|
+
|
|
30
|
+
<table>
|
|
31
|
+
<tr class="column">
|
|
20
|
-
|
|
32
|
+
<td>商品名</td>
|
|
21
33
|
<td>個数</td>
|
|
22
34
|
<td>操作</td>
|
|
23
35
|
<td></td>
|
|
@@ -57,10 +69,49 @@
|
|
|
57
69
|
<input type="submit" value="ご注文のお手続き" />
|
|
58
70
|
</form>
|
|
59
71
|
|
|
72
|
+
```
|
|
60
73
|
|
|
74
|
+
|
|
75
|
+
```jsファイルのコードはこちらです。
|
|
76
|
+
|
|
77
|
+
function addNum(count) {
|
|
78
|
+
var num = count.innerText;
|
|
79
|
+
var name = count.id;
|
|
80
|
+
var lastNum = name.substr(1);
|
|
81
|
+
var targetId1 = "b" + lastNum;
|
|
82
|
+
var targetId2 = "c" + lastNum;
|
|
83
|
+
var elm1 = document.getElementById(targetId1);
|
|
84
|
+
var elm2 = document.getElementById(targetId2);
|
|
85
|
+
var num2 = Number(elm1.value);
|
|
86
|
+
var num3 = Number(elm2.value);
|
|
87
|
+
num = Number(num);
|
|
88
|
+
if (num3 > num) {
|
|
61
|
-
|
|
89
|
+
num++;
|
|
90
|
+
num2++;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
count.innerText = num;
|
|
94
|
+
elm1.value = num2;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
function subtractNum(count) {
|
|
98
|
+
var num = count.innerText;
|
|
99
|
+
var name = count.id;
|
|
100
|
+
var lastNum = name.substr(1);
|
|
101
|
+
var targetId = "b" + lastNum;
|
|
102
|
+
var elm = document.getElementById(targetId);
|
|
103
|
+
var num2 = Number(elm.value);
|
|
104
|
+
num = Number(num);
|
|
105
|
+
if (num > 1) {
|
|
106
|
+
num--;
|
|
107
|
+
num2--;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
count.innerText = num;
|
|
111
|
+
elm.value = num2;
|
|
112
|
+
}
|
|
62
113
|
```
|
|
63
114
|
|
|
64
|
-
ご注文お手続きのボタンで
|
|
65
|
-
|
|
115
|
+
初心者でして、他にどう調べてよいか悩み質問致しました。
|
|
116
|
+
ヒントを頂けたらとても幸いです。
|
|
66
117
|
宜しくお願い致します。
|