moovix

Увеличить и уменьшить значение в поле input

Moovix » Блог » Увеличить и уменьшить значение в поле input

HTML

				
					<div class="number">
    <span class="minus">-</span>
    <input type="text" value="1" size="5"/>
    <span class="plus">+</span>
</div>
				
			

JS

				
					<script>
        $(document).ready(function() {
            $('.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;
            });        
        });
    </script>
				
			
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Moovix » Блог » Увеличить и уменьшить значение в поле input

Есть вопрос? мы онлайн

Есть проект? Заполните бриф.

top