表格复选框选中值求和异常问题求助（附HTML/JQuery代码）

嘿，我看了你的代码，求和功能出问题的原因其实很清晰，主要是这几个细节没处理好：

• 全局变量total没有在每次计算前重置，导致每次调用求和函数都会在旧的总和上继续累加，数值只会越来越离谱
• 求和函数遍历了所有复选框，不管有没有被勾选都把值加进去，这直接导致计算结果错误
• 取消勾选时只删除了克隆的行，但没重新计算总和，再次勾选时旧的错误总和还会被复用

修正后的jQuery代码 #

var $checky = $("input[type=checkbox].checky");
$checky.click(function() {
    if ($(this).is(":checked")) {
        $(this).closest("tr").clone().appendTo("#tbl2");
    } else {
        var index = $(this).closest("tr").attr("data-index");
        var findRow = $("#tbl2 tr[data-index='" + index + "']");
        findRow.remove();
    }
    // 不管是勾选还是取消操作，最后都重新计算总和
    calculateTotal();
});

function calculateTotal() {
    // 每次计算都从0开始，彻底避免旧值残留
    let total = 0;
    // 只遍历被勾选的复选框，只累加选中项的数值
    $checky.filter(":checked").each(function() {
        total += parseFloat($(this).val());
    });
    // 更新显示的总和
    $("#total").val("N" + total);
    // 如果你需要根据总和显示/隐藏区域，可以打开下面的注释
    // $("#showTotal").toggle(total !== 0);
}

关键修正点说明 #

1. 重置总和变量：把total从全局移到求和函数内部，每次计算都初始化为0，从根源解决旧值累加的问题
2. 筛选选中项：用filter(":checked")只处理被勾选的复选框，确保只有选中的行数值才会被计入总和
3. 同步触发计算：不管是勾选还是取消勾选，操作完成后都调用求和函数，保证总和和选中状态完全同步
4. 简化计算逻辑：直接用total += parseFloat(...)，代码更简洁易读，也减少了出错概率

这样修改后，你的求和功能就能正常工作了：勾选时正确累加对应数值，取消时自动从总和中减去，再次勾选也会精准计算，完全和选中状态匹配。

内容的提问来源于stack exchange，提问作者Gabriel Adewumi