jQuery-根据选中的复选框获取总计

我有一系列代表各种食物的复选框。我想根据用户的选择创建一个小计。我查阅了jQuery文档，了解了如何更新文本框的值，但是如何在每次选中新复选框时进行新的计数。此外，当复选框处于“未选中”状态时会发生什么情况。是否有办法在复选框的HTML代码中存储每个项目的值

我这里有一个我一直在愚弄的JSFIDLE示例

---

将带有价格的

值添加到复选框中并计数。下面是：
将带有价格的
值添加到复选框中，然后计数。下面是：
您可以这样做：

在此进行工作演示：

您可以将实际HTML元素上的价格作为值，然后只需在选中的项目上迭代，将价格相加。
您可以这样做：

在此进行工作演示：

您可以将实际HTML元素上的价格作为值，然后只需在选中的项目上迭代，将价格相加。
太好了！我现在明白了。我正在寻找一个if.。然后检查复选框是否被选中。但是，$（“输入：已选中”）。每种方法的效果都要好得多。非常感谢这个很棒的JSFIDLE示例。我还有一些选项（单选）按钮（用于芥末、番茄酱、泡菜等）。有没有一种方法可以将它们排除在总数之外，因为它们并不代表价格的“价值”？目前，它们似乎已包含在“已检查”项目的集合中。有没有办法将其限制为复选框而不是单选按钮？是的，在选择器
$（“输入[type=checkbox]”）中使用。单击（…
insead of
$（“输入”）。单击（…
）经过一些挖掘后，我发现我必须添加type=checkbox（如Samich所述）到“each”循环以防止单选按钮的值被使用。我也可以使用$（“输入：复选框：选中”）。each（…非常好！我现在明白了。我正在寻找一个if..，然后检查复选框是否被选中。但是，$（“输入：选中”）。每一个都好得多。感谢大家提供了一个很棒的JSFIDLE示例。我还有一些选项（单选）按钮（用于芥末、番茄酱、泡菜等）。有没有办法将这些按钮从合计中排除，因为它们并不代表价格上的“价值”？现在它们似乎包含在“已检查”的集合中项目。是否有方法将其限制为仅复选框而非单选按钮？是的，在选择器
$（“输入[type=checkbox]”）中使用。单击（…
插入
$（“输入”）。单击（…
）在挖掘之后，我发现我必须添加type=checkbox（如Samich所述）到“each”循环以防止单选按钮的值被使用。我也可以使用$（“输入：复选框：选中”）。each（。。。
// When the page is ready
$(document).ready(function() {
    $("input").click(function(event) {
        updateTotal();
    });
});

function updateTotal() {
    var total = 0;
    $("#menu input:checked").each(function() {
        total += parseFloat(this.value);
    });
    $('#TotalCost').val("$" + total.toFixed(2));
}