【问题标题】:How to SUM the inputs inside all rows?如何对所有行内的输入求和?
【发布时间】:2021-10-14 08:27:10
【问题描述】:

我每次都使用脚本生成一个带有值的新行,这些值作为输入进入表 我想要的只是一个按钮,可以将这些输入中的所有值汇总到一个输入中。

总输入id是valueall

这是我使用的代码:

            function updateSubTotal() { 
            var table = document.getElementById("empTable");
            for (var i = 0, row; row = table.rows[i]; i++) {
                for (var cell; cell = row.cells[1];){
                var inp = cell.children[0];
                }
             }     
             document.getElementById("valueall").value = inp.value;
            }  

当我将它放在 var inp = cell.children[0]; 下时,该代码运行良好,但它不断重复与循环相同的行值。

这是桌子:

 <form>
        <table id="empTable">
            <tr>
                <td>Products in the invoice</td>
            </tr>
        </table>
 </form>

【问题讨论】:

标签: javascript html html-table javascript-objects


【解决方案1】:

你没有总结任何东西。你需要实际总结&lt;input&gt;字段的内容:

function updateSubTotal() { 
  var sum = 0;
  var table = document.getElementById("empTable");
  for (var i = 0, row; row = table.rows[i]; i++) {
    for (var cell; cell = row.cells[1];){
      var inp = cell.children[0];
      sum += Number(inp.value)
    }
  }     
  document.getElementById("valueall").value = sum;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-02-03
    • 2012-11-11
    • 2019-04-11
    • 2017-07-25
    • 1970-01-01
    • 1970-01-01
    • 2022-01-13
    相关资源
    最近更新 更多