Javascript 用加减键输入

Javascript 用加减键输入,javascript,jquery,Javascript,Jquery,我创建了带有加号和减号按钮的输入框,以在单击按钮时增加和减少输入框的值 当输入值设置为零时,我将属性“disabled”添加到减号按钮,但问题是,当页面加载时,输入默认值为零,但我需要单击减号按钮一次,以添加属性“disabled”,这不是我要查找的,我要的是当输入值为零时,我希望减号按钮将属性设置为默认禁用,当我单击加号按钮时,它将删除“禁用”属性表单减号按钮 甚至我也尝试在窗口加载时在按钮上添加属性,但没有这样的运气: $( window ).load(function() { $('.

我创建了带有加号和减号按钮的输入框,以在单击按钮时增加和减少输入框的值

当输入值设置为零时,我将属性“disabled”添加到减号按钮,但问题是,当页面加载时,输入默认值为零,但我需要单击减号按钮一次,以添加属性“disabled”,这不是我要查找的,我要的是当输入值为零时,我希望减号按钮将属性设置为默认禁用,当我单击加号按钮时,它将删除“禁用”属性表单减号按钮

甚至我也尝试在窗口加载时在按钮上添加属性,但没有这样的运气:

$( window ).load(function() {
  $('.minus').attr('disabled', true)
})
这里有同样的链接

希望你能理解。
提前谢谢你的帮助

只需在输入上添加
disabled
属性即可

<button disabled class="change_qty minus cursor_hover">&#45;</button>
-;

只需在输入上添加
disabled
属性即可

<button disabled class="change_qty minus cursor_hover">&#45;</button>
-;

使用
document.ready
禁用按钮

$(document ).ready(function() {
   $('.minus').attr('disabled', 'disabled')
})

使用
document.ready
禁用按钮

$(document ).ready(function() {
   $('.minus').attr('disabled', 'disabled')
})

这是你的工作代码。我刚刚添加了一个函数,该函数在
文档中被调用。ready
和每次单击+或-符号时:

$(“.plus”)。单击(函数(e){
e、 预防默认值();
var$this=$(this);
var$input=$this.sibbines('input');
var value=parseInt($input.val());
如果(值<30){
值=值+1;
}否则{
数值=30;
}
$input.val(值);
checkAndDisable();
});
$(“.减号”)。单击(函数(e){
e、 预防默认值();
var$this=$(this);
var$input=$this.sibbines('input');
var value=parseInt($input.val());
如果(值>1){
值=值-1;
$(this.removeAttr('disabled');
}否则{
数值=0;
$(this.attr('disabled',true);
}
$input.val(值);
checkAndDisable();
});
$(文档).ready(函数(){
checkAndDisable();
});
$(“#inputField”)。在('change',function()上{

if($(this).val()这是您的工作代码。我刚刚添加了一个函数,该函数在
document.ready
和每次单击+或-sign时都会被调用:

$(“.plus”)。单击(函数(e){
e、 预防默认值();
var$this=$(this);
var$input=$this.sibbines('input');
var value=parseInt($input.val());
如果(值<30){
值=值+1;
}否则{
数值=30;
}
$input.val(值);
checkAndDisable();
});
$(“.减号”)。单击(函数(e){
e、 预防默认值();
var$this=$(this);
var$input=$this.sibbines('input');
var value=parseInt($input.val());
如果(值>1){
值=值-1;
$(this.removeAttr('disabled');
}否则{
数值=0;
$(this.attr('disabled',true);
}
$input.val(值);
checkAndDisable();
});
$(文档).ready(函数(){
checkAndDisable();
});
$(“#inputField”)。在('change',function()上{

如果($(this).val()是的,我也尝试过这个,但单击加号按钮时,应该会从减号中删除禁用项,而这在我的情况下不会发生。这是更新的小提琴:是的,我也尝试过这个,但单击加号按钮时,应该会从减号中删除禁用项,这在我的情况下不会发生。这是更新的小提琴: