使每个输入合计onkeyup

时间:2019-04-10 14:14:34

标签: javascript jquery datatables

当我写下“ hello”一词时,它消失了,但我认为它是;)

我很难动态地计算数据表中的总和。

我可以在表格初始化时计算一列的总和, 并将结果放置在页脚中,如下所示:

$('.tbl_cmd').DataTable({
  "footerCallback": function(row, data, start, end, display) {

    var api = this.api(),data;

    var intVal = function(i) {
      return typeof i === 'string' ?
        i.replace(/[\$,]/g, '') * 1 :
        typeof i === 'number' ?
        i : 0;
    };

    total = api
      .column(6, {
        page: 'current'
      })
      .data()
      .reduce(function(a, b) {
        return intVal(a) + intVal(b);
      }, 0);

    $(api.column(6).footer()).html(total);
  },

});

每个单元格的值由左列中的字段计算。

我可以通过以下方式更改输入文本:

$('.tbl_cmd').on( 'keyup', 'tbody tr td input', function () {
  console.log('Changed');
}

当单元格的值更改时,如何重新计算相同的总和? 通过页面中的简单JavaScript函数可以更改单元格的值。

print screen

感谢您的帮助。

0 个答案:

没有答案