如何使用Javascript获取多个输入字段的值

我正在尝试使用PHP和AJAX创建一个电子商务网站，但有一部分我感到困惑。我在获取用户购物车的所有输入字段的值时遇到了问题。换句话说，假设一个用户的购物车中有3个商品，每个商品的数量为“1”。现在假设用户增加购物车中第二个项目的数量，并将其更改为“3”，然后单击“更新购物车”按钮。单击更新购物车时，我想要的是只使用更新的值，而不是其他值。如果不可能，我希望获取所有值，然后相应地更新数据库。目前，当我点击“更新购物车”按钮时，它只占用购物车中第一个项目的数量值

PHP代码如下（请不要介意使用的变量）

---

我不确定我的解释是否正确，但如果要更新数据库中引用购物车中某个项目的值，这意味着您还需要确定哪个项目是要更新的，但我不太清楚所提供的代码是否清楚

---

无论如何，您可以在数量字段中添加一个“onkeyup”事件，并为该数量所属的“项目”设置一个标志，或将其存储在要更新的项目数组中，一旦按下“更新购物车”，则只需将修改的项目发送到服务器。

我可能会更新所有项目。您可以使用jquery-each函数来实现这一点

$(".productQuantity").each(function() {
    var quantity = $(this).val();
    console.log(quantity);
    // Get the data-id and build an array so you submit only 1 ajax request
});

---

$（'.productQuantity'）

实际上将返回一组具有类

productQuantity

集的html项，查询

val（）

将只获得此类元素的第一个值。您需要迭代整个集合。请参阅@Patrick Simard关于“如何”的回答。它现在运行了2次（因为cart中有2个产品），但要获取cart中第一个产品的数量（即它的打印1、2次），您需要从当前迭代器中获取值-try

$（“.productQuantity”）.each（函数（idx，elm）{console.log（elm.value）；}
$('#update-cart').click(function() {
    var quantity = $('.productQuantity').val();
    console.log(quantity);
});

$(".productQuantity").each(function() {
    var quantity = $(this).val();
    console.log(quantity);
    // Get the data-id and build an array so you submit only 1 ajax request
});