![msAltCart](https://msaltcart.art-sites.ru/assets/components/msaltcart/logo.jpg)
Поле ввода типа «ЧИСЛО»
Подсказка
Плагин применяется ко всем полям типа number, расположенных внутри блоков с классов ms-input-number-wrap.
Разметка
html
<div class="ms-input-number-wrap">
<button class="ms-input-number-btn ms-input-number-minus" type="button">−</button>
<input class="ms-input-number-emulator" value="{$count}" name="count" type="text">
<button class="ms-input-number-btn ms-input-number-plus" type="button">+</button>
</div>
Атрибуты
- min - минимальное значение.
- max - максимальное значение.
- step - шаг изменения значения.
- data-negative - позволяет вводить отрицательные значения, если установлен.
Инициализация
js
const countInputs = cart.querySelectorAll('.ms-input-number-wrap input[type="number"]');
countInputs.length && countInputs.forEach(countInput => new CustomInputNumber(countInput));
Изменение значения
js
const countInput = cart.querySelector('.ms-input-number-wrap input[type="number"]');
countInput && (countInput.value = 55);
countInput && countInput.dispatchEvent(new Event('change', {bubbles: true}));