Javascript 一次更改计数输入数
我的代码有点问题,我需要在更改值时计数输入,我的代码正在工作,但当我使用“增加”按钮时,计数不会更改值 HTML代码: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
<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个输入,结果是输入的旧值+新值。修复!!非常感谢你!很高兴它成功了!如果你能接受答案:)