Javascript 根据输入值增量更改按钮颜色
下面的示例中,我希望在输入值>1时更改减号按钮的背景色。同时,当输入值=0时,它应为默认背景色 进一步澄清意见 我尝试过的脚本:Javascript 根据输入值增量更改按钮颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面的示例中,我希望在输入值>1时更改减号按钮的背景色。同时,当输入值=0时,它应为默认背景色 进一步澄清意见 我尝试过的脚本: $('.quantity-plus').click(function() { if($(".input-number").val() > 0){ //alert(); $('.quantity-minus').css('background', '#f00'); } else
$('.quantity-plus').click(function() {
if($(".input-number").val() > 0){
//alert();
$('.quantity-minus').css('background', '#f00');
}
else {
$('.quantity-minus').css('background', '#999');
}
});
$(文档).ready(函数(){
$('.quantity plus')。单击(函数(e){
$(this.prev().val(+$(this.prev().val()+1);
e、 预防默认值();
});
$('.quantity减号')。单击(函数(e){
if($(this.next().val()>0)$(this.next().val(+$(this.next().val()-1);
e、 预防默认值();
});
});代码>
。数量减去{
背景:#999;
颜色:#fff;
填充物:5px;
}
.数量加{
背景:绿色;
颜色:#fff;
填充物:5px;
}
当您单击减号按钮时,需要重置背景色,目前您仅在加号按钮中更改颜色
$(文档).ready(函数(){
$('.quantity plus')。单击(函数(e){
$(this.prev().val(+$(this.prev().val()+1);
e、 预防默认值();
});
$('.quantity减号')。单击(函数(e){
if($(this).next().val()>1){
$(this.next().val(+$(this.next().val()-1);
e、 预防默认值();
}否则{
$(this.next().val(0);
$('.quantity减').css('background','#999');
}
});
});
$('.quantity plus')。单击(函数(){
如果($(“.input number”).val()>0{
//警惕();
$('.quantity减').css('background','#f00');
}
否则{
$('.quantity减').css('background','#999');
}
});代码>
。数量减去{
背景:#999;
颜色:#fff;
填充物:5px;
}
.数量加{
背景:绿色;
颜色:#fff;
填充物:5px;
}
再次阅读您的问题后,我想我明白了。如果输入大于0,则希望锚定为红色。否则,默认返回灰色
您可以通过将示例脚本转换为函数并将其添加到加号和减号事件中来实现这一点
$(文档).ready(函数(){
函数颜色(){
如果($(“.input number”).val()>0){
$('.quantity减').css('background','#f00');
}否则{
$('.quantity减').css('background','#999');
}
}
$('.quantity plus')。单击(函数(e){
$(this.prev().val(+$(this.prev().val()+1);
颜色();
e、 预防默认值();
});
$('.quantity减号')。单击(函数(e){
if($(this.next().val()>0)$(this.next().val(+$(this.next().val()-1);
颜色();
e、 预防默认值();
});
});代码>
。数量减去{
背景:#999;
颜色:#fff;
填充物:5px;
}
.数量加{
背景:绿色;
颜色:#fff;
填充物:5px;
}
您的脚本对我有效。你遇到了什么问题?@ternalhour它工作不正常。