<div class="my_quantity">
<span class="my_minus">-</span>
<input type="text" name="quantity" class="quant" value="1" size="5" id="input-quantity">
<span class="my_plus">+</span>
</div>
<div>Количество <span style="color:red;" class="duble"></span></div>
$(document).ready(function() {
$('.my_minus').click(function () {
var $input = $(this).parent().find('.quant');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
$('span').eq(2).text( $('input').val() )
return false;
});
$('.my_plus').click(function () {
var $input = $(this).parent().find('.quant');
$input.val(parseInt($input.val()) + 1);
$input.change();
$('span').eq(2).text( $('input').val() )
return false;
});
});
This Pen doesn't use any external CSS resources.