javascript - 计算后总值不变

Question

我在这里有一个 jsfiddle 。

在小提琴中有许多标记文本框。在文本框中输入一个数字，然后继续单击添加问题按钮。您将看到剩余的总分相等10，但不会改变。剩余的标记数应通过减去附加行中的每个数字来改变。

例如，如果剩余总分是10并且您附加四行，每行包含 的分数1，那么剩余总分应该是6。( 10 - 4 = 6.) 但是为什么它没有改变剩余的分数呢？

这是它执行计算的函数：

function calculateTotal()
{
   var totalweight = totalmarks;
   $("#qandatbl td.weight input").each(function (i, elm){
        totalweight = totalweight - Number($(elm).val(), 10);
    });

    $("#total-weight").text(totalweight);
}

Answer 1

对于您的具体问题，您似乎想从中获取值table#qandatbl_ontheflynot table#qandatbl。

function calculateTotal() {
    var totalweight = totalmarks;
    $("#qandatbl_onthefly td.weight input").each(function(i, elm) {
        totalweight = totalweight - Number($(elm).val(), 10);
    });
    $("#total-weight").text(totalweight);
}

Answer 2

根据您的 jsfiddle，您在 table#quandatbl 中没有输入。尝试将功能更改为

function calculateTotal()
{
   var totalweight = totalmarks;
   $("#qandatbl_onthefly_container td.weight input").each(function (i, elm){
        totalweight = totalweight - Number($(elm).val(), 10);
    });

    $("#total-weight").text(totalweight);
}