Javascript 如何将输入值分配给复选框值，然后计算选中总数？

如何将

分配给

，而不将数值硬编码到复选框？然后根据检查的内容计算总值

例如，我有一个表单要求输入一个项目的名称及其成本。然后，当我单击submit时，它会将数据添加到一个表中。我希望能够选中复选框，并让它调用我输入的成本值。是否可以执行类似于

的操作，而不是分配

该表单仅用于可视化。我的实际代码可以发布数据，并且更详细地介绍了modals和其他功能

$（document）.on（“更改”，“检查”，函数（））{
var checked=$（'.check:checked'），
sum=checked.get（）.reduce（函数（上一个，项）{
返回prev+parseFloat（item.getAttribute（'value'））；
}, 0);
$（'.addTotal'）.text（sum.toFixed（2））；
});
.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}

项目名称：
费用：
提交
编辑




项目
价格
项目1
$10
项目2
$30
总额$：
您可以使用jQuery的
.parent（）
方法执行此操作


获取当前匹配元素集中每个元素的祖先，可选地通过选择器进行筛选。
.parent（）
方法类似于
.parents（）
方法

运行代码


var总计=0；
$（document）.on（“change”，“.check”，function（）{
var cost=parseFloat（$（this.parent（）.parent（）.find（“.cost”）.text（）.replace（$”，“”））；
如果（$（this）.is（“：checked”））{
总+=成本；
}否则{
总+=-成本；
}
$（“.addTotal”）.text（总计）；
});
.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}

项目名称：
费用：
提交
编辑




项目
价格
项目1
$10
项目2
$30
总额$：
因此请参考输入。。。。。。document.getElementById（），不确定要对其执行什么操作。