Добрый вечер!
Есть страничка заказа, много чего попробовал не получилось, кто может объясните!!(Пример есть)
Как сделать так, что бы при добавлении товара, всё суммировалось в input(Сумма заказа)?
HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| <form action="">
<div class="col-md-8">
<div class="contact-info-order">
<span>Имя</span>
<input type="text" placeholder="Ваше имя:">
<span>Телефон</span>
<input type="text" placeholder="+38">
<span>E-mail</span>
<input type="text" placeholder="Email">
</div>
</div>
<div class="col-md-4">
<div class="order-end-form">
<p><b>Сумма заказа</b></p>
<input type="text">
<input class="btn-sale" type="submit" value="Заказать">
</div>
</div>
<div class="col-md-12">
<div class="order-table">
<table>
<tr>
<th>Наименование</th>
<th>Вид</th>
<th>Цена, грн с НДС</th>
</tr>
<tr>
<td><b>НПУ POLYNOR</b><br>
Однокомпонентный напыяемый полиуретановый утеплитель тепло и <br>шумоизоляции объектов. Аэрозольный баллон 890 мл</td>
<td><img src="img/order/ballon.png" alt="НПУ POLYNOR"></td>
<td><span>280,00</span>
<div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>Угловая насадка POLYNOR</b><br>Для напыления утеплителя на <br>потолок, пол и в трудодоступных местах.</td>
<td><img src="img/order/nasadka.png" alt="Угловая насадка POLYNOR"></td>
<td><span>30,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>Пистолет для пены</b><br>
Пистолет для пены из нержавеющей стали рукоятка пластмассовое,<br> сопло из сплава цветных металлов.
</td>
<td><img src="img/order/pistolet.png" alt="Пистолет для пены"></td>
<td><span>304,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>POLYNOR Cleaner</b><br>Аэрозольное чистящее средство для<br> удаления незатвердевшего утеплитея Polynor,<br> а также монтажной пены с рабочих инструментов и поверхностей.<br>
Аэрозольный баллон 500 мл
</td>
<td><img src="img/order/cleaner.png" alt="POLYNOR Cleaner"></td>
<td width="25%"><span>85,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>POLYNOR Polyguard</b><br>Готовый к применению водный <br>огнезащитный состав, предназначеный для обработки нанесенного напыляемого утеплителя. переводит материал в негорючее, не <br>воспламеняющее, не поддерживающее горение состояние.<br>
Объем: 1000 мл
</td>
<td><img src="img/order/polyguard.png" alt="POLYNOR Polyguard"></td>
<td><span>292,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>POLYNOR FIXO</b><br>Теплоизоляционный полиуретановый клей для <br>высококачественной фиксации плит пенополистирола , ППУ и минеральной ваты, при устройстве систем внутренней и наружной теплоизоляции. Под <br>монтажный пистолет.<br>
Аэрозольный баллон 850 мл
</td>
<td><img src="img/order/fixo.png" alt="POLYNOR FIXO"></td>
<td><span>159,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
<tr>
<td><b>POLYNOR STIK</b><br>Теплоизоляционный полиуретановый клей для <br>высококачественной фиксации плит пенополистирола, ППУ и минеральной ваты, при устройстве систем внутренней и наружной теплоизоляции.<br>
Аэрозольный баллон 850 мл
</td>
<td><img src="img/order/stik.png" alt="POLYNOR STIK"></td>
<td><span>157,00</span><div class="number">
<span style="padding:3px 9px 3px 9px;" class="minus">-</span>
<input type="text" value="0" size="5"/>
<span class="plus">+</span>
</div></td>
</tr>
</table>
</div>
</div>
</form> |
|
Это плюс минус в таблице:
Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| $('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
}); |
|