嗨，我在一个页面中有多个表单，每个表单都有不同的 productId，这是从后端获取的，每个表单都有 2 个按钮，一个用于添加产品，用于删除产品。如果他们单击“+”按钮，则必须转到 javascript 中的“if”条件，如果他们单击“-”按钮，则必须转到 javascript 中的“else”条件
这是我的 html
<form>
<input type="hidden" class="form-control" name="productCatalogId" value="<%= data.productDetails[i].productCatalogId %>">
<input type="hidden" class="form-control" name="productquantity" value="<%= data.productDetails[i].productQuantity %>">
<button type="button" value="addition" class="btn btn-primary btn-sm">+</button>
<h4>
<%= data.productDetails[i].productQuantity %>
</h4>
<button type="button" value="substraction" class="btn btn-primary btn-sm">- </button>
</form>
像这样我有很多表格！！
和我的 javascript
$(':button').click(function(e) {
e.preventDefault();
var updateOrder = $(this.form).serializeArray();
dataObj = {};
$(updateOrder).each(function(i, field) {
dataObj[field.name] = field.value;
});
console.log(dataObj['productquantity']);
var orderId = $("#orderid").val();
updateOrder.push({
name: "orderId",
value: orderId,
});
// console.log($(':button').val());
if ($(':button').val() == 'addition') {
var quantity = parseInt($("input[name=productquantity]").val()) + 1;
} else {
var quantity = parseInt($("input[name=productquantity]").val()) - 1;
}
updateOrder.push({
name: "quantity",
value: quantity,
});
// console.log(updateOrder);
$.ajax({
url: '/order/updateorderitems',
type: 'POST',
data: updateOrder,
success: function(response) {
if (response.success) {
// console.log(response);
}
}
});
// console.log(productData);
});
每当我点击任何按钮时，它只会“如果条件”！谁能告诉我我做错了什么？
问题是因为在您的if语句中您使用的是:button选择器。当与val()它结合时，它只会从:button匹配集中的第一个元素中读取。
要解决此问题，请this在事件处理程序中使用关键字来仅引用被单击的按钮。试试这个：
if ($(this).val() == 'addition') {
var quantity = parseInt($("input[name=productquantity]").val(), 10) + 1;
} else {
var quantity = parseInt($("input[name=productquantity]").val(), 10) - 1;
}
另请注意，这可以更简洁，如下所示：
var quantity = parseInt($("input[name=productquantity]").val(), 10)
$(this).val() == 'addition' ? quantity++ : quantity--;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句