@krainoff99

Как поменять input type="number" на кнопку?

Как заменить input type="number" на две кнопки.
Если что вот код.
codepen.io/anon/pen/WprrWo
  • Вопрос задан
  • 605 просмотров
Решения вопроса 1
@krainoff99 Автор вопроса
<input type="number" id="num1" min="1" class="uk-form-small" name="quantity" value="1">
<button onclick="$('#num1').val( +$('#num1').val() +1);$('#num1').keyup();">+</button>
<button onclick="$('#num1').val((+$('#num1').val() <= $('#num1').prop('min')) ? 1 : +($('#num1').val()) - 1);$('#num1').keyup();">-</button>
<div id="res"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
  $('#num1').on('keyup', function() {
       $("#res").text($(this).val());
   })
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
RTW
@RTW
Форкаю, читаю, употребляю
Очень загадочный вопрос. Ну могу предположить смутно что надо.
Просто заводишь инпут только с type="text" и с onkeypress='return event.charCode >= 48 && event.charCode <= 57'
Затем руками добавляешь кнопки в разметку, которые будут так же работать как в number
Ответ написан
Ваш ответ на вопрос

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

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