Форум

andruxxa · #1 (**permalink**) 18.04.2014, 17:29

Друзья выручайте!
На форуме полно решений как input value добавить плюс минус!
Но везде смысл один и тот же - добавляется к сумме какое то постоянное число например 1.

Мне же нужно сделать для оптового магазина где заказывают партиями. То есть упаковками. У каждого товара свои минимальные значения input - у одного 10 у другого 15.... Нужно что бы при нажатии на + или - увеличивалось/уменьшалось соответственно на 10 у другого на 15!

Подскажите может есть какие решения?

nice_try · #2 (**permalink**) 18.04.2014, 17:32

есть тестовый пример?

Octane · #3 (**permalink**) 18.04.2014, 17:39

Всех на HTML5 браузеры!!!!!111111

<input type="number" step="10">

andruxxa · #4 (**permalink**) 18.04.2014, 17:41

Я не прошу готовый скрипт с нуля!!! Их полно вариантов! например это:

<div class="opt-quontity">
    <span class="quont-minus btn">-</span>
    <input type="text" value="1">
    <span class="quont-plus btn">+</span>
</div> <!-- .opt-quontity -->
<script>
    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;
        });
    });
</script>

Я прошу просто помочь доработать

nice_try · #5 (**permalink**) 18.04.2014, 17:42

ну вот вместо + 1 и - 1 подставь нужные значения, в чем проблема

andruxxa · #6 (**permalink**) 18.04.2014, 17:43

так в этом и есть проблема! Они все разные!

andruxxa · #7 (**permalink**) 18.04.2014, 17:46

как вместо +1 и-1 поставить переменную которая бы бралась из значения value?

nice_try · #8 (**permalink**) 18.04.2014, 17:50

ну это у тебя надо спросить, как ты собираешься их регулировать, можешь в атрибут поместить, как octane сказал - step="какое то значение"

andruxxa · #9 (**permalink**) 18.04.2014, 17:54

Так это HTML5 а - значит не для всех!

рони · #10 (**permalink**) 18.04.2014, 17:57

andruxxa,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
jQuery(document).ready(function($) {
        $('.quont-minus').click(function () {
            var $input = $(this).parent().find('input');
            var val = +$input[0].defaultValue;
            var count = parseInt($input.val()) - val;
            count = count < val ? val : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.quont-plus').click(function () {
            var $input = $(this).parent().find('input');
            var val = +$input[0].defaultValue;
            $input.val(parseInt($input.val()) + val);
            $input.change();
            return false;
        });
    });
  </script>
</head>

<body>
  <div class="opt-quontity">
    <span class="quont-minus btn">-</span>
    <input type="text" value="5">
    <span class="quont-plus btn">+</span>
</div> <!-- .opt-quontity -->
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript