Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Сниппеты » JS Сниппеты » Скрипт плюс минус для инпута

Скрипт плюс минус для инпута


     27.06.2013    сниппет, плюс, минус, input    JS Сниппеты    12316

Не часто, но нужно сделать плюс и минус для управления значением текстового инпута (input[type="text"]), при этом значение не должно быть меньше одного. Простой скрипт решает проблему.
HTML:
<div class="opt-quontity">
    <span class="quont-minus btn">-</span>
    <input type="text" value="1">
    <span class="quont-plus btn">+</span>
</div> <!-- .opt-quontity -->

jquery:
jQuery(document).ready(function($) {
        $('.quont-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;
        });
        $('.quont-plus').click(function () {
            var $input = $(this).parent().find('input');
            $input.val(parseInt($input.val()) + 1);
            $input.change();
            return false;
        });
    });
Демо

1 комментарий

lutskboy
Эксперт

lutskboy - 2 октября 2014 17:07 -

при этом значение не должно быть меньше одного
Я почему то могу ввести не только меньше одного, но и буквы!!!!
А потом ведь ети даные отправляются в обработчик

Чтобы комментировать - войдите или зарегистрируйтесь на сайте
наверх