Javascript 表中列的值总和

Javascript 表中列的值总和,javascript,html,google-apps-script,Javascript,Html,Google Apps Script,我已经用谷歌应用程序脚本创建了一个网站 在这个网站上,我有一个4栏的表格项目,价格,数量和总数 输入项目数量后,第4列将自动计算总数 我需要的是得到第4列中所有值的总和。将在表格下方显示为总计 我怎么做?多谢各位 这是我的代码: 函数sumAll{ jQuery.each$'.total',函数索引,textfield{ var value=parseInt$textfield.val; ifisNaNvalue==false{ 总数=总数+价值; } }; } 计算总数; “输入”功能

我已经用谷歌应用程序脚本创建了一个网站

在这个网站上,我有一个4栏的表格项目,价格,数量和总数 输入项目数量后,第4列将自动计算总数

我需要的是得到第4列中所有值的总和。将在表格下方显示为总计

我怎么做?多谢各位

这是我的代码:

函数sumAll{ jQuery.each$'.total',函数索引,textfield{ var value=parseInt$textfield.val; ifisNaNvalue==false{ 总数=总数+价值; } }; } 计算总数; “输入”功能上的美元数量{ var parent=$this.tr; var price=parseFloat$'.totals',parent.text; var choose=parseFloat$'.qty',parent.val; $'.sum',parent.text选择+价格; 计算总数; }; 函数计算总数{ var总和=0; $.totals.eachfunction{ sum+=parseFloat$this.text; }; $'sum'.textsum; } const myTable=document.querySelector'myTableID' myTable.oninput=e=> { 让rowIndex=e.target.parentNode.parentNode.rowIndex ,Qte=getInput\u N\u行单元格行索引,0 ,Rate=getInput\N\u行单元格行索引,1 setInput_RowCellrowIndex,2,Qte*速率 console.log'sum=',sum_RowInputValuesrowIndex } 函数getInput\u N\u RowCellxRow,xCell{ 返回NumbermyTable.rows[xRow].cells[xCell].querySelector'input.value | | 0 } 函数setInput_RowCellxRow,xCell,value{ myTable.rows[xRow]。单元格[xCell]。查询选择器'input'。值=值 } 函数myFunction{ var val=Math.floor1000+Math.random*9000; document.getElementByIddemo.innerHTML=Order+val; } h1{ 背景:-webkit-linear-gradientFFC0CB,FF1493; -webkit背景剪辑:文本; -webkit文本填充颜色:透明; } h3{ 文本转换:大写; 背景:-webkit-linear-gradientFFC0CB,FF1493; -webkit背景剪辑:文本; -webkit文本填充颜色:透明; } * { 框大小:边框框; } .栏目{ 左缘:5%; 浮动:左; 宽度:20%; } .罗:之后{ 内容:; 显示:表格; 明确:两者皆有; } h4{ 左缘:2%; 颜色:008B8B; 字号:900; 文本转换:大写; } h5{ 颜色:红色; 文本转换:大写; 字号:900; } h1{ 颜色:FFC0CB; 文本转换:大写; 字号:900; } .按钮{ 背景色:FF69B4;/*绿色*/ 边界:无; 颜色:白色; 填充:8px 10px; 文本对齐:居中; 文字装饰:无; 显示:内联块; 字体大小:10px; 利润:4倍2倍; 光标:指针; 大纲:无; 颜色:fff; 背景色:4CAF50; 边界:无; 边界半径:15px; 盒影:0 4px 999; } .button1:悬停{背景色:FFC0CB} .按钮:激活{ 盒影:0 5px 666; 转换:translateY4px; } .按钮1{ 左缘:3%; 边界半径:12px; 背景色:白色; 颜色:黑色; 边框:2个实心FF69B4; } th{ 文本对齐:居中; } 运输署{ 文本对齐:右对齐; } th,td{ 边框底部:1px实心ddd; } tr:hover{背景色:F5;} 奶茶俱乐部 项目 经典 冬瓜 巧克力 珍珠经典 珍珠冬瓜 珍珠巧克力 水晶经典 水晶冬瓜 水晶巧克力 速度 量 全部的 总数: 订单记录 获取订单记录订单
始终避免将同一id分配给多个元素。 您可以为每个总计输入指定占位符类。 例如


始终检查值是否为数字。

我已将代码替换为。但总的来说,它显示出请某人帮助:
<input id='totals' class='total' type='text' size='5' style='text-align:center; font-size: 14px;' readonly disabled>
jQuery.each( $('.total'), function( index, textFeild) {
   var value = parseInt($(textFeild).val()); 
   if(isNaN(value) == false) {
      total = total+ value;
    }   
});