Javascript 一次更改计数输入数

Javascript 一次更改计数输入数,javascript,jquery,html,count,Javascript,Jquery,Html,Count,我的代码有点问题,我需要在更改值时计数输入,我的代码正在工作,但当我使用“增加”按钮时,计数不会更改值 HTML代码: <div class="input-group input-number-group"> <div class="input-group-button"> <span class="input-number-decrement">-</span> </div> <input class="in

我的代码有点问题,我需要在更改值时计数输入,我的代码正在工作,但当我使用“增加”按钮时,计数不会更改值

HTML代码:

<div class="input-group input-number-group">
  <div class="input-group-button">
    <span class="input-number-decrement">-</span>
  </div>
  <input class="input-number" type="number" value="1" min="0" max="1000"  onchange="count(this.value);">
  <div class="input-group-button">
    <span class="input-number-increment">+</span>
  </div>  
</div>
<div class="input-group input-number-group">
<input class="input-number" type="text" id="totalcount" placeholder="0" />
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

当我按下+键时我需要数数,当我按下-键时我需要休息,知道吗


非常感谢。

当用户通过键入更改输入时,会触发
onchange
事件侦听器。因此,
.val()
不会导致它启动

通过添加

$(".input-number").change();
到代码中所需的函数

在您的特定情况下,这应该起到以下作用:

$('.input-number-increment').click(function() {
  var $input = $(this).parents('.input-number-group').find('.input-number');
  var val = parseInt($input.val(), 10);
  $input.val(val + 1);
  $(".input-number").change();
});

$('.input-number-decrement').click(function() {
  var $input = $(this).parents('.input-number-group').find('.input-number');
  var val = parseInt($input.val(), 10);
  $(".input-number").change();
})

现在,当用户单击递增和递减按钮时,计数函数将执行。

当用户通过键入更改输入时,将触发
onchange
事件侦听器。因此,
.val()
不会导致它启动

通过添加

$(".input-number").change();
到代码中所需的函数

在您的特定情况下,这应该起到以下作用:

$('.input-number-increment').click(function() {
  var $input = $(this).parents('.input-number-group').find('.input-number');
  var val = parseInt($input.val(), 10);
  $input.val(val + 1);
  $(".input-number").change();
});

$('.input-number-decrement').click(function() {
  var $input = $(this).parents('.input-number-group').find('.input-number');
  var val = parseInt($input.val(), 10);
  $(".input-number").change();
})

现在,当用户单击递增和递减按钮时,您的计数功能将执行。

这些$input.val(val+1)应该是:$input.val(val+1)?您能澄清一下吗?因为我不明白主要意思@你好,按钮没问题,问题是计数和休息。看,如果你写了一个数字,计数会起作用,但如果你使用+或-按钮,计数不会改变。当然,friend@Adn请看这里,如果你写了数字,计数会改变输入totalcount的值,但是如果你使用按钮,输入不会改变。这些$input.val(val+1)应该是:$input.value(val+1)吗?你能澄清一下吗?因为我不明白主要意思@你好,按钮没问题,问题是计数和休息。看,如果你写了一个数字,计数会起作用,但如果你使用+或-按钮,计数不会改变。当然,friend@AdnEAR看这里,如果你写了数字,计数会改变输入totalcount的值,但是如果你使用按钮,输入不会改变。非常感谢,这很好!!但是现在我又看到了一个问题,我需要在每次点击中重置计数。如果可能的话?如果我在单击+或-按钮时添加了2个输入,结果是输入的旧值+新值。修复!!非常感谢你!很高兴它成功了!如果你能接受答案:)非常感谢你,这真是太好了!!但是现在我又看到了一个问题,我需要在每次点击中重置计数。如果可能的话?如果我在单击+或-按钮时添加了2个输入,结果是输入的旧值+新值。修复!!非常感谢你!很高兴它成功了!如果你能接受答案:)