Javascript 使用jQuery在单击按钮时添加值

单击每个按钮时，如何添加相应的值

对于我当前的脚本，它几乎可以工作，但它添加了前面的每个值，而不是仅添加当前值：

jQuery(function() {
    total = 0;
    jQuery("input").click(function() {
        jQuery("input:checked").not('input[value="reset"]').each(function() {
            total += parseFloat(jQuery(this).val());
        });
        jQuery("#Totalcost").html("Save up to " + total + "%");
    });

    jQuery('input[value="reset"]').click(function(){
        jQuery('span#Totalcost').html("Calculate your Savings!");
        total = 0;
    });
});

---

尝试声明全局可见变量

信息

total

变量在jQuery（函数（）{之外声明，因为我不知道您是否不需要此函数之外的变量

顺便说一句，也许你感兴趣

---

我认为在这种情况下，这是更好的选择。

您不会在每次单击复选框时将您的

总计设置回零。请在单击事件处理程序中将您的
总计重置回零：

jQuery(function() {
    var total = 0;
    jQuery("input").click(function() {
        total = 0;
        jQuery("input:checked").not('input[value="reset"]').each(function() {
            total += parseFloat(jQuery(this).val());
        });
        jQuery("#Totalcost").html("Save up to " + total + "%");
    });

    jQuery('input[value="reset"]').click(function(){
        jQuery('span#Totalcost').html("Calculate your Savings!");
        total = 0;
    });
});

请向我们展示HTML。除“重置”按钮外，这几乎可以正常工作。如何使其正常工作？当用户按下“重置”按钮时，应取消选中所有输入，并将总数设置为0。已编辑。取消选中所有选中的输入，已添加。
jQuery(function() {
    var total = 0;
    jQuery("input").click(function() {
        total = 0;
        jQuery("input:checked").not('input[value="reset"]').each(function() {
            total += parseFloat(jQuery(this).val());
        });
        jQuery("#Totalcost").html("Save up to " + total + "%");
    });

    jQuery('input[value="reset"]').click(function(){
        jQuery('span#Totalcost').html("Calculate your Savings!");
        total = 0;
    });
});