javascript - 更改单元格中 float 的值

Question

我有一个 HTML 表格，其中每行都包含一个值和一个复选框。当我单击该复选框时，它会激活一个脚本，该脚本会将此值添加到另一个固定单元格中。如果选中该复选框，则会添加该数字，如果未选中该复选框，则会减去该数字。

function val_sel_achat(val, id)
{
    if (document.getElementById(id).checked)
    {
        document.getElementById('res_achat').innerHTML += val;
    }
    else
    {
        document.getElementById('res_achat').innerHTML -= val;
    }
}

它基本上运行良好，只是它似乎是连接链而不是添加数字。因此，如果我选中 val = 100 的框，然后取消选中它，它会显示 100，然后显示 0，这是可以的。但如果我选中两个不同的框，例如 100 和 25，它会显示 10025。

如何更改我的代码，使其显示 125？

谢谢。

Answer 1

function val_sel_achat(val, id)
{
    var x = document.getElementById('res_achat').innerHTML;
    if (document.getElementById(id).checked)
    {
        document.getElementById('res_achat').innerHTML = parseFloat(x) + val;
    }
    else
    {
        document.getElementById('res_achat').innerHTML = parseFloat(x) - val;
    }
}