Javascript 窗体上的复选框计算

我在表单上找到了以下用于计算复选框值的代码：

不使用“值”元素，是否可以使用另一个元素来计算总数？例如，“value”元素已经被其他插件保留，我想添加另一个元素，如“price”或“size”，将其用作商品价格

//页面准备就绪时
$（文档）.ready（函数（）{
$（“输入”）。单击（函数（事件）{
updateTotal（）；
});
});
函数updateTotal（）{
var合计=0；
$（“#菜单输入：选中”）。每个（函数（）{
总计+=解析浮点（此.value）；
});
$（'#TotalCost'）.val（“$”+total.toFixed（2））；
}

晚餐费用

汉堡包（2美元）

炸薯条（1美元）

摇一摇（$3）



晚餐费用

您可以使用html5标准

数据-

属性。范例

<input type="checkbox" value="value_used_by_other" data-price="2" name="Hamburger">

使用。这将使您的HTML保持有效

函数updateTotal（）{
var合计=0；
$（“#菜单输入：选中”）。每个（函数（）{
总计+=parseFloat（$（this）.data（'price'）；
});
$（'#TotalCost'）.val（“$”+total.toFixed（2））；
}
$（'input'）。在（'click'，updateTotal）上

晚餐费用

汉堡包（2美元）

炸薯条（1美元）

摇一摇（$3）



晚餐费用

为什么不把你的价格作为我兄弟的价值呢？@jameshwart。非常感谢你。我刚刚添加了“数据价格”元素。
$(this).data('price');