0

Есть такой вот html:

<div class="input-group quantity_goods">
  <input type="number" step="1" min="1" max="10" id="num_count" name="quantity" value="1" title="Qty">
  <input type="button" value="-" id="button_minus">
  <input type="button" value="+" id="button_plus">
</div>

Как активировать + - в поле количества товара?

0

1 ответ 1

0

var numCount = document.getElementById('num_count');
var plusBtn = document.getElementById('button_plus');
var minusBtn = document.getElementById('button_minus');
plusBtn.onclick = function() {
  var qty = parseInt(numCount.value);
  qty = qty + 1;
  numCount.value = qty;
}
minusBtn.onclick = function() {
  var qty = parseInt(numCount.value);
  qty = qty - 1;
  numCount.value = qty;
}
<div class="input-group quantity_goods">
  <input type="number" step="1" min="1" max="10" id="num_count" name="quantity" value="1" title="Qty">
  <input type="button" value="-" id="button_minus">
  <input type="button" value="+" id="button_plus">
</div>

2
  • а когда единица, тоже отнимать будете количество? )) Commented 5 авг. 2017 в 17:10
  • А как сделать, чтобы несколько таких же кнопок работали ? Что надо добавить в код? Commented 5 апр. 2020 в 22:21

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.