如何限制添加购物车按钮，每项只点击一次或点击后禁用它 - How to limit Addtocart button to be only clicked once per item or disabled after clicking it

How to limit Addtocart button to be only clicked once per item or disabled after clicking it

我有一个表格，每个行/项都有一个addtocart按钮

        $( $table ).delegate(".Addtocart", "click", function() {
            var itemNo = $(this).closest('tr').find('td.itemNo').html();
            var selected_item = $(this).closest('tr').find('td.itemdescr').html();
            var remaining_qty = $(this).closest('tr').find('td.currqty').html();
            var unitPrice = $(this).closest('tr').find('td.unit_price').html();
            var amount = $(this).closest('tr').find('td.Amount').html();
            $("#action").val('add');
            $('#itemNo').val(itemNo);
            $('#selected_item').val($.trim(selected_item));
            $('#remaining_qty').val(remaining_qty);
            $('#unitPrice').val(unitPrice);
            $('#amount').val(amount);
            $('#myModal').modal('show');
        });

我想在我将商品添加到购物车列表后禁用该按钮

例如:

醋Addtocart
糖Addtocart
盐Addtocart

现在我想在购物车列表中添加醋。在我添加了醋之后，醋的添加购物车按钮被禁用了。如何?谢谢你

为什么不在点击按钮后隐藏它…

另一个选择是使用基于类的过滤器，如

$($table).delegate(".Addtocart:not(.clicked)", "click", function () {
    var itemNo = $(this).closest('tr').find('td.itemNo').html();
    var selected_item = $(this).closest('tr').find('td.itemdescr').html();
    var remaining_qty = $(this).closest('tr').find('td.currqty').html();
    var unitPrice = $(this).closest('tr').find('td.unit_price').html();
    var amount = $(this).closest('tr').find('td.Amount').html();
    $("#action").val('add');
    $('#itemNo').val(itemNo);
    $('#selected_item').val($.trim(selected_item));
    $('#remaining_qty').val(remaining_qty);
    $('#unitPrice').val(unitPrice);
    $('#amount').val(amount);
    $('#myModal').modal('show');
    $(this).addClass('clicked')
});