Question

我有一个脚本，可以根据db查询动态创建一个包含不同数量的列和行的表。这在两个不同的数据库表上完成了两次。我在每个表的底部有一行输入，其值是上面列中单元格的总和。这些输入的名称为itotal$m（其中$m是递增的数字），第一个表为etotal$m，第二个表为itotal1。所以我最终得到的是一些输入字段，第一行的第一行名称为itotal2，etotal1等，第二行的名称为etotal2，etotal1等

我想用这些总计执行一些简单的数学运算，从itotal1减去etotal2，从itotal2减去onChange，依此类推，然后在另一个输入中显示结果。我想使用附加到{{1}}事件的javascript函数，以便用户可以更改输入框值并查看结果。

不幸的是，我还没弄清楚如何做到这一点。任何帮助将不胜感激！

Answer 1

假设：

这两个表格包含id="iTable"和id="eTable"，
所有列总字段都有class="colTotal"，
这两个表是一致的（即它们的列的顺序相同），
目标输入元素为class="diffValue"，然后：

jQuery的：

$(function(){
    var $iTableTotals = $("#iTable .colTotal");
    var $eTableTotals = $("#eTable .colTotal");
    var $diffValues = $(".diffValue");
    $(".colTotal").on('change keyup', function() {
        $iTableTotals.each(function(i){
            var diff = Number($iTableTotals.eq(i).val()) - Number($eTableTotals.eq(i).val());
            $diffValues.eq(i).val(diff);
        });
    });
    $iTableTotals.eq(0).change();
});

请参阅fiddle

使用javascript和多个html字段的数学

1 个答案: