Javascript 数组多个

Question

我有一个关于 javascript 和数组的问题。下面是我的 html 站点

<?php for ($x = 1; $x <= $_SESSION['qty_voucher']; $x++) { ?>

<td>Qty</td>
<td>
  <input type="number" step = "any" class="form-control" id="voucherqty[]" name="voucherqty[]"  onkeyup="calc()"   />
</td>
<td>Amount</td>
<td>
  <input type="number" step = "any" class="form-control" id="voucheramount[]" name="voucheramount[]" onkeyup="calc()"  />
</td>
<td>Total</td>
<td>
  <input type="number" step = "any" class="form-control" id="vouchertotal[]" name="vouchertotal[]" />
</td>

<?php } ?>

这些是我正在尝试做的 javascript

function calc() {
  var table = document.getElementById("tablenum");
  var rowCount = table.rows.length;

  for (var i = 0; i < rowCount; i++) {
    var totalNum = parseFloat(document.getElementById("voucherqty[]").value) * parseFloat(document.getElementById("voucheramount[]").value);
    document.getElementById('vouchertotal[' + i + ']').value = totalNum;
  }
}

我的目标是遍历输入字段并数量 * 金额 = 总计对于数组的每一行。

我相信我错过了一些东西，但我不知道它是什么。谢谢!

Answer 1

也可能是一个更短的解决方案:

function calc() {
   var table = document.getElementById("tablenum");

   for(var i = 0; i < table.rows.length; i++) {
      var inputs = table.rows[i].getElementsByTagName("input");

      // + parses input value to a number(does not matter if float or integer)
      var sum = +inputs[0].value * +inputs[1].value;

      inputs[2].value = sum;
   }  
}