HTML-код:
<td data-title="Qty" class="vertical_text quantity">
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
<span class="glyphicon glyphicon-minus"></span>
</button>
<input class="cart-input" type="text" name="qty[]" id="quantity" value="<?php echo $cart['qty']; ?>">
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
<span class="glyphicon glyphicon-plus"></span>
</button>
</td>
Код сценария:
$(document).ready(function() {
var quantitiy = 0;
$('.quantity-right-plus').click(function(e) {
// Stop acting like a button
e.preventDefault();
// Get the field name
var quantity = parseInt($('#quantity').val()); //10
// If is not undefined
$('#quantity').val(quantity + 1);
// Increment
});
$('.quantity-left-minus').click(function(e) {
// Stop acting like a button
e.preventDefault();
// Get the field name
var quantity = parseInt($('#quantity').val());
// If is not undefined
// Increment
if (quantity > 1) {
$('#quantity').val(quantity - 1);
}
});
});
Я использую загрузчик и Codeigniter.В моей корзине для покупок есть две кнопки (-) и кнопка (+) с полем ввода.если в моей таблице есть одна строка и когда я нажимаю кнопку (-) / (+), значение свойства поля ввода увеличивается / уменьшается.но моя проблема в том, что в моей таблице две или более строки, если я нажму на кнопку второй строки или кнопки третьей строки (-) / (+) значение увеличения / уменьшения поля ввода первой строки.и когда я обновляю страницу, предыдущее значение приходит снова.Помогите кнопке увеличения / уменьшения работать правильно, и значение поля ввода должно быть обновлено должным образом.спасибо.