Trochę pozmieniałem kod:
<div><a href="#plus" class="up">+</a> <div class="licznik">50</div>
<input type="text" name="ban[]" class="licznik" value="50"><a href="#minus" class="down">-</a>
</div>
<div><a href="#plus" class="up">+</a> <div class="licznik">50</div>
<input type="text" name="ban[]" class="licznik" value="50"><a href="#minus" class="down">-</a>
</div>
<div><a href="#plus" class="up">+</a> <div class="licznik">50</div>
<input type="text" name="ban[]" class="licznik" value="50"><a href="#minus" class="down">-</a>
</div>
<div><a href="#plus" class="up">+</a>
<div class="licznik">50</div>
<input type="text" name="ban[]" class="licznik" value="50"><a href="#minus" class="down">-</a>
</div>
<div><a href="#plus" class="up">+</a> <div class="licznik">50</div>
<input type="text" name="ban[]" class="licznik" value="50"><a href="#minus" class="down">-</a>
</div>BILANS:
<div class="bilans">0</div><input type="text" name="bilans" class="licznik" value="0">
$('.up').click(function () {
var wartosc = $(this).closest('div').children('.licznik');
var bilans = $('.bilans').text();
if (bilans > 0) {
up = parseInt(wartosc.html()) + 10;
bilans = parseInt(bilans) - 10;
wartosc.html(up);
** $(this).closest('input[name*="ban[]"]').val(up);**
}
$('.bilans').text(bilans);
$('input[name$="bilans"]').val(bilans);
});
$('.down').click(function () {
var wartosc = $(this).closest('div').children('.licznik');
var bilans = $('.bilans').text();
if (wartosc.html() > 0) {
up = parseInt(wartosc.html()) - 10;
bilans = parseInt(bilans) + 10;
}
wartosc.html(up);
** $(this).closest('input[name*="ban[]"]').val(up);**
$('.bilans').text(bilans);
$('input[name$="bilans"]').val(bilans);
});
Oczywiście użyłem na razie INPUT-a TEXT zamiast HIDDEN, żeby zobaczyć czy działa i nie działa.
Wiem, że problem jest w linijkach oznaczonych ** ** ale nie wiem co zmienić.