Javascript 如何添加复选框计算

所以我正在努力完成这项工作。我有6个复选框，每个都有不同的价格。每当用户点击一个复选框时，价格就会显示在“总计”框中，如果用户点击另一个复选框，价格就会再次上涨，以此类推。如果你能发现一些我看不见的东西，我将不胜感激

HTML

总成本
全部的

Javascript

const l_form=document.getElementById（'bookingForm'）；
const l_total=l_form.getElementById（'total'））
const t_checkbox=l_form.querySelectorAll（'input[data price][type=checkbox]）；
const t_cbCount=t_复选框.length；
设t_totalPrice=0；
for（设t_i=0；t_i

每当选中复选框时，您需要添加一个事件侦听器来侦听，您可以使用“更改”事件来完成此操作

const checkBoxes=Array.from（document.querySelectorAll（'input[name=“event[]”））；
forEach（x=>x.addEventListener（'change'，calculateTotal'）；
函数calculateTotal（事件）{
const totalPrice=复选框。reduce（（acc，curr）=>{
如果（当前选中）{
acc+=parseFloat（curr.getAttribute（'data-price'），10）；
}
返回acc；
}, 0);
console.log（“总价”，总价）；
}

---

您的输入没有ID，它有一个名称，

l\u值

在您尝试将其设置为某个值之前似乎没有在任何地方定义？