input value плюс минус
Друзья выручайте!
На форуме полно решений как input value добавить плюс минус! Но везде смысл один и тот же - добавляется к сумме какое то постоянное число например 1. Мне же нужно сделать для оптового магазина где заказывают партиями. То есть упаковками. У каждого товара свои минимальные значения input - у одного 10 у другого 15.... Нужно что бы при нажатии на + или - увеличивалось/уменьшалось соответственно на 10 у другого на 15! Подскажите может есть какие решения? |
есть тестовый пример?
|
Всех на HTML5 браузеры!!!!!111111
<input type="number" step="10"> |
Я не прошу готовый скрипт с нуля!!! Их полно вариантов! например это:
<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>
Я прошу просто помочь доработать |
ну вот вместо + 1 и - 1 подставь нужные значения, в чем проблема
|
так в этом и есть проблема! Они все разные!
|
как вместо +1 и-1 поставить переменную которая бы бралась из значения value?
|
ну это у тебя надо спросить, как ты собираешься их регулировать, можешь в атрибут поместить, как octane сказал - step="какое то значение"
|
Так это HTML5 а - значит не для всех!
|
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>
|
| Часовой пояс GMT +3, время: 23:37. |