Изменение значения в input по нажатию кнопки

Рейтинг: 1Ответов: 1Опубликовано: 05.01.2015

Как сделать так, чтобы при нажатии на кнопку плюс значение в input text увеличивалось на одну единицу, а при нажатии на кнопку минус значение уменьшалось, но не меньше 0.

Вот код.

javascript input
Источник: Stack Overflow на русском

Ответы

▲ 3Принят

Надо ловить событие нажатия на кнопки и обновлять значение в поле.

Если использовать jQuery, то:

  1. Ловить нажатия: .on( событие, функция);
  2. Получить текущее значение в поле: .val();
  3. Вписать новое значение: .val( новое значение).

Итого примерно так:

var el = $('#number');
function change(v){
    var upd = +el.val()+v;
    el.val( upd>0 ? upd : 0);    
};
$('#max').on('click', function(){ change(1);}); // потом может поменяете на +-10
$('#min').on('click', function(){ change(-1);});