尝试使用JavaScript通过复选框循环计算总价格

<input type="checkbox" id="item1" value="10"> Item 1
<input type="checkbox" id="item2" value="20"> Item 2
<input type="checkbox" id="item3" value="30"> Item 3

Total Price: <span id="totalPrice">0</span>

function calculateTotalPrice() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  var totalPrice = 0;

  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      totalPrice += parseInt(checkboxes[i].value);
    }
  }

  document.getElementById('totalPrice').textContent = totalPrice;
}

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener('change', calculateTotalPrice);
}