[英]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');
});
在我将其添加到购物车列表中后,我想在该项目上禁用该按钮
例如:
醋添加推车
加糖车
盐添加车
现在,我要将醋添加到我的购物车列表中。 添加醋后,该醋上的添加购物车按钮已被禁用。 怎么样? 谢谢
为什么在单击按钮后不隐藏按钮...
另一种选择是使用基于类的过滤器,例如
$($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')
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.