更新。
在我的购物车页面上有一个更新按钮,我想检查购物车中的所有项目,看看它们是否超过 1 而不是 0 - 所有输入框如下所示:
Apple £4
<input type="text" size="3" value="1" name="quantity[50:YToyOntpOjIyNztzOjI6IjE3IjtpOjIyODtzOjI6IjIxIjt9]">
Orange £6
<input type="text" size="3" value="1" name="quantity[50:YToyOntpOjIyNztzOjI6IjE3IjtpOjIyODtzOjI6IjIewrew]">
我决定使用嵌套的 .css 类而不是名称,因为它始终是唯一的。
var errorQty=0;
$(document).ready(function () {
var errorQty=0;
// this is an input box, more than one on the page
var QtyItems = $('#ShopTable tbody tr td input');
if(QtyItems=="0" || QtyItems=="1") {
QtyItems.addClass("errorform");
errorQty=1;
} else {
QtyItems.removeClass("errorform");
}
if (errorQty==1){
} else {
$('#updateOrder').click(function () {
$('#updateOrderLoader').slideDown("fast");
document.basket.submit();
return false;
});
}
});
这是我的按钮。我希望代码仅在单击此按钮时才起作用,而不是在加载时!
<a href="#updateOrder" id="updateOrder" title="Update Cart"><img src="//cdn.com/cart/btnUpdate.png" alt="Update Cart" title="Update Cart"/></a>