2017-05-26 58 views
0
$("#qty-plus3").click(function() { 
    var val = parseInt($("#qty3").val(),10); 
    $("#qty3").val(val+1); 
    $("#add-to-cart").removeAttr('disabled').removeClass('view-disable').addClass('view-add'); 
    $('#wednesday').attr('value',$("#qty3").val()); 
}); 

$("#qty-minus3").click(function() { 
    var val = parseInt($("#qty3").val(),10); 
    if(val != 0) { 
     $("#qty3").val(val-1); 
     $('#wednesday').attr('value',$("#qty3").val()); 
     $("#add-to-cart").removeAttr('disabled').removeClass('view-disable').addClass('view-add'); 
    } 

}); 

这工作,当值超过一个我“加入购物车”变为启用,然后我意识到,如果我添加一个,然后我删除一个,我的按钮应该去回到被禁用,但现在即使它们都为0,它仍然保持启用状态。例如,我在页面上禁用了它,然后我添加,它被启用,然后我删除,以便它回到0,它仍然启用,我怎么能修复它,并使其禁用,如果有0? 我厌倦了这一点,但它并没有负作用禁用按钮的功能,不能正常工作

$("#qty-minus3").click(function() { 
    var val = parseInt($("#qty3").val(),10); 
    if(val != 0) { 
     $("#qty3").val(val-1); 
     $('#wednesday').attr('value',$("#qty3").val()); 
     $("#add-to-cart").removeAttr('disabled').removeClass('view-disable').addClass('view-add'); 
    } 
    if (val == 0) 
    { 
     $("#add-to-cart").addAttr('disabled').addClass('view-disable').removeClass('view-add'); 
    } 
}); 

enter image description here

+0

据我所知,jQuery中没有'addAttr()'方法。你可能想在这种情况下使用'attr()'或'prop()'。 – abhishekkannojia

+1

使用'.prop('disabled',true/false)' – Satpal

+0

我的解决方案适合您吗? –

回答

2

使用.prop('disabled', true)而不是在里面工作。你的工作代码看起来像这样。

$("#qty-minus3").click(function() { 
    var val = parseInt($("#qty3").val(), 10); 
    if (val != 0) { 
     $("#qty3").val(val - 1); 
     $('#wednesday').attr('value', $("#qty3").val()); 
     $("#add-to-cart").removeAttr('disabled').removeClass('view-disable').addClass('view-add'); 
    } 
    else if (val == 0) { 
     $("#add-to-cart").prop('disabled', true).addClass('view-disable').removeClass('view-add'); 
    } 
}); 
+0

我必须点击0两次然后它变为禁用,而不是当它第一次变为0时,我该如何解决这个问题? – sarah