Question

我有一个允许用户添加输入行的表单。我希望能够显示“总数”的实时计算结果。其中一些投入。这是我到目前为止的代码（仅显示第一个价格[]输入的＆＃39;总和＆＃39;

var insertRow = function() {

    $(".invoice-table").find('tbody')
      .append($('<tr>')
      .append($("<td><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></td>"))
      .append($("<td><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></td>"))
      .append($("<td><input type='text' class='form-control' name='price[]' placeholder='Unit Price'></input></td>"))
      .append($("<td><input type='text' class='form-control' name='quantity[]' placeholder='Qty'></input></td>"))
      .append($("<td><input type='text' class='form-control' name='tax[]' placeholder='Tax'></input></td>"))
      .append($("<td><input type='text' class='form-control' name='total[]' placeholder='Total Price'></input></td></tr>"))
    );
}

这是用于计算总和onKeyUp的代码

function calculate(){
  var elems = document.getElementsByName('price[]');
  var sum = 0;
  for (var i = 0; i < elems.length; i++)
  {
    sum += parseInt(elems[i].value);
  }
  document.getElementById('subtotal').value = sum;
}

Answer 1

我需要在＆＃39;添加一行＆＃39;中添加onKeyUp事件。脚本。

计算动态添加输入的总和

1 个答案: