触发事件侦听器时应用输入值

Question

我输入了两个span＆＃34;按钮＆＃34;：

 <label class="label1" for="adults">Adults:</label>
 <span class="plus"></span>
 <input type="text" id="adults" value="0">
 <span class="minus"></span>

Simple JS适用于console.log（），但不会将该值应用于实际输入值。 JS / JQuery中有没有可以处理的方法？

var adultsValue = $('#adults').val();

$('.plus').click(function () {
    if(adultsValue < 5) {
    adultsValue++;
    }
    console.log(adultsValue);
});

Answer 1

您重新确定一个值，而不是更新当前字段的值。

带有一些修复的代码段

• 存储元素#adults以避免每次都查找该元素。
• 将当前值转换为数字。
• 设置新的递增值。

var $adults = $('#adults');
$('.plus').click(function () {
    var val = Number($adults.val());
    if (val < 5) {
        $adults.val(++val);
    }

    console.log(val);
});

Answer 2

var adults = $('#adults')
var adultsValue = adults.val();

$('.plus').click(function () {
    if(adultsValue < 5) {
       adults.val(adultsValue + 1);
    }
    console.log(adultsValue);
});