JavaScript - Checkbox循环未正确汇总价格

是指在前端开发中，使用JavaScript编写的复选框循环未能正确计算和汇总价格的问题。

解决这个问题的方法是通过JavaScript代码来遍历复选框，并根据选中状态来累加价格。以下是一个可能的解决方案：

首先，给每个复选框元素添加一个事件监听器，当复选框的选中状态发生变化时触发相应的函数。

<input type="checkbox" id="checkbox1" onchange="calculateTotal()">
<input type="checkbox" id="checkbox2" onchange="calculateTotal()">
<input type="checkbox" id="checkbox3" onchange="calculateTotal()">

创建一个用于计算总价格的函数calculateTotal()。在该函数中，遍历所有复选框元素，检查它们的选中状态，并根据选中状态累加相应的价格。

function calculateTotal() {
  var total = 0;
  var checkbox1 = document.getElementById("checkbox1");
  var checkbox2 = document.getElementById("checkbox2");
  var checkbox3 = document.getElementById("checkbox3");

  if (checkbox1.checked) {
    total += 10; // 假设复选框1对应的价格为10
  }
  if (checkbox2.checked) {
    total += 20; // 假设复选框2对应的价格为20
  }
  if (checkbox3.checked) {
    total += 30; // 假设复选框3对应的价格为30
  }

  // 将计算得到的总价格显示在页面上
  document.getElementById("totalPrice").innerHTML = "总价格：" + total;
}