Question

我正在尝试制作购物车。现在我想在更改金额时更新项目的价格，但是当有多个项目时，onchange方法仅对第一个项目作出反应。它们的名字相同。我可以给他们另一个名字，但我将如何获得该输入字段的名称。

我希望有人能帮助我。

提前致谢。

function updatePrice() {
    var element = this;

    console.log(element.value);
}

Answer 1

您的onchange事件应遍历所有输入字段。如果你给你的字段一个公共标识符（data-id属性或类名），那么这个过程非常简单：

＆＃13;

document.body.addEventListener("change", ()=> calc());

function calc(){

  let items = document.querySelectorAll(".inp");
  let total = 0.0;
  for (let i = 0; i < items.length; i++) {
    total += parseFloat(items[i].value);
  }
  document.querySelector(".result").value = total.toFixed(2);
}

calc();

＆＃13;

<input type="text" class="inp" value="10.00">
<input type="text" class="inp" value="15.00">
<input type="text" class="inp" value="50.99">
<p>Result: <input type="text" class="result" value="00.00"></p>

＆＃13;

Javascript获取当前数字输入字段的值

1 个答案: