2017-05-26 56 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