Skip to content
  1. Компоненты
  2. msAltCart
  3. Поле ввода типа число

Поле ввода типа «ЧИСЛО»

Подсказка

Плагин применяется ко всем полям типа number, расположенных внутри блоков с классов ms-input-number-wrap.

Разметка

html
<div class="ms-input-number-wrap">
    <button class="ms-input-number-btn ms-input-number-minus" type="button">&#8722;</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">&#43;</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}));