@silencer-spirit

Как обращаться к input[type=number] при изменении value?

Здравствуйте, интересует такой вопрос. Почему при обращении к одинаковым инпутам $(this) второй отказывается работать на половину o_O. Т.е. 2 инпут берет значение от предидущего и только его уменьшает, но не увеличивает. А должен работать не зависимо от предидущих значений. Подскажите пожалуйста.
Вот код на https://jsfiddle.net/zq2s4yzv/

<div class="quanity-buttons">
 <input type="button" value="-" class="input-minus" >
 <input type="number" step="1" min="1" max="" value="1" inputmode="numeric" class="input-number">
 <input type="button" value="+" class="input-plus">
</div>

$('.input-plus').on("click", function() {
  var currentNumber =  $(this).parent('div').find('.input-number');
  $(currentNumber).val( +$('.input-number').val() +1);
  return false;
});


$('.input-minus').on("click", function() {
  var currentNumber =  $(this).parent('div').find('.input-number');

  $(currentNumber).val((+ $(currentNumber).val() <= $(currentNumber).prop('min')) ? 1 : +($(currentNumber).val()) - 1);
});
  • Вопрос задан
  • 426 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
Вот так лучше на мой взгляд https://jsfiddle.net/zq2s4yzv/2/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы