禁用的按钮功能正常，无法正常工作

Question

$("#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');
    }
});

Answer 1

请改用.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');
    }
});