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

Все блоги / DLE движок для сайтов | 27 июня 2013

Не часто, но нужно сделать плюс и минус для управления значением текстового инпута (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;
        });
    });


 Источник:dle-faq.pro, DLE
Перейти на сайт

Похожие новости