JS计算每行的和与总和（QTY，PRICE，TOTAL，合计）

最新推荐文章于 2023-02-28 09:35:41 发布
最新推荐文章于 2023-02-28 09:35:41 发布
阅读量779 收藏 1
点赞数
文章标签： 前端 xhtml ViewUI
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  5. <title>JS计算每行的和与总和（QTY，PRICE，TOTAL，合计）</title>
  6. </head>
  8. <body>
  9. <tablewidth="760"border="0"cellspacing="1"cellpadding="0"class="tb"id="tlist">
  10. <trclass="tit2">
  11. <td>ITEMNO</td><td>ITEMDESCRIPTION</td><td>QTY</td><td>PRICE</td><td>INNER</td><td>OUTER</td><td>TOTAL</td><td>REMARKS</td><td>操作</td>
  12. </tr>
  13. <trclass="tit3">
  14. <td><inputtype="text"name="fno"size=12maxlength=12></td>
  15. <td><inputtype="text"name="fdesc"size=32></td>
  16. <td><inputtype="text"name="fqty"size=7maxlength=7value='0'οnchange='chtotal(this);'></td>
  17. <td><inputtype="text"name="fprice"size=6maxlength=6value='0'οnchange='chtotal(this);'></td>
  18. <td><inputtype="text"name="finners"size=4maxlength=4></td>
  19. <td><inputtype="text"name="fouters"size=4maxlength=4></td>
  20. <td><inputtype="text"name="ftotal"size=8readonlyvalue='0'></td>
  21. <td><inputtype="text"name="fremarks"size=20maxlength=100></td>
  22. <td><inputtype="button"value="删除"name='del'οnclick="delrecord(this);"></td>
  23. </tr>
  24. <trclass="tit3"><td>合计</td><tdcolspan=4></td><tdcolspan=2align='right'><bid="znum">0</b></td><tdcolspan=2></td></tr>
  25. <trclass="tit2">
  26. <tdcolspan=9><inputtype="button"value="增加条目"οnclick="AddRecord();"></td>
  27. </tr>
  28. </table>
  31. <script>
  32. functionAddRecord()
  33. {
  34. varrow=tlist.insertRow(tlist.rows.length-2);
  35. row.className='tit3';
  36. vari=row.rowIndex;
  37. varcol=row.insertCell(0);
  38. col.innerHTML="<inputtype='text'name='fno'size=12maxlength=12>";
  39. col=row.insertCell(1);
  40. col.innerHTML="<inputtype='text'name='fdesc'size=32maxlength=100>";
  41. col=row.insertCell(2);
  42. col.innerHTML="<inputtype='text'name='fqty'size=7maxlength=7value='0'οnchange='chtotal(this);'>";
  43. col=row.insertCell(3);
  44. col.innerHTML="<inputtype='text'name='fprice'size=6maxlength=6value='0'οnchange='chtotal(this);'>";
  45. col=row.insertCell(4);
  46. col.innerHTML="<inputtype='text'name='finners'size=4maxlength=4>";
  47. col=row.insertCell(5);
  48. col.innerHTML="<inputtype='text'name='fouters'size=4maxlength=4>";
  49. col=row.insertCell(6);
  50. col.innerHTML="<inputtype='text'name='ftotal'size=8readonlyvalue='0'>";
  51. col=row.insertCell(7);
  52. col.innerHTML="<inputtype='text'name='fremarks'size=20maxlength=100>";
  53. col=row.insertCell(8);
  54. col.innerHTML="<inputtype='button'value='删除'name='del'οnclick='delrecord(this);'>";
  55. }
  57. functionchtotal(e)
  58. {
  60. varobj=e.parentNode.parentNode;
  61. varid=parseInt(obj.rowIndex)-1;
  62. varfqty=document.getElementsByName("fqty")[id];
  63. varfprice=document.getElementsByName("fprice")[id];
  64. varftotal=document.getElementsByName("ftotal")[id];
  65. vardelbutton=document.getElementsByName("del");
  66. varznum=document.getElementById("znum");
  67. varnewzum=0;
  68. ftotal.value=fqty.value*fprice.value;
  69. for(varj=0;j<delbutton.length;j++)
  70. {
  71. newzum+=parseFloat(document.getElementsByName("ftotal")[j].value);
  72. }
  73. znum.innerHTML=newzum;
  75. }
  77. functiondelrecord(obj)
  78. {
  79. obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
  80. vardelbutton=document.getElementsByName("del");
  81. varnewzum=0;
  82. for(varj=0;j<delbutton.length;j++)
  83. {
  84. newzum+=parseFloat(document.getElementsByName("ftotal")[j].value);
  85. }
  86. znum.innerHTML=newzum;
  87. }
  88. </script>
  89. </body>
  90. </html>

menshen
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js-Total.js是一个采用纯JavaScript开发用于Node.js平台的框架
08-10
Total.js是一个采用纯JavaScript开发用于Node.js平台的框架。类似于PHP的Laravel、Python的Django、ASP.NET MVC。它能够用于开发web、桌面、服务和IoT平台。
探索JavaScript全栈：JS-total，你的进阶学习伙伴
最新发布
gitblog_00057的博客
04-15 240
探索JavaScript全栈：JS-total，你的进阶学习伙伴 项目地址:https://gitcode.com/laihuamin/JS-total 如果你是一名想要提升JavaScript技能，或者正在寻找一个全面而深入的学习资源的开发者，那么JS-total项目可能正是你需要的。这是一个由Laí Huamin维护的开源项目，旨在提供一个从基础到高级的全方位JavaScript学习路径。 ...
js动态计算table某列值的总和
Liu_Haibo的专栏
03-11 7358
/**   *    * @tableId 表格id   * @numId 显示张数id   * @index 列数   * @first 首次标识   * @obj checkbox对象   */  function countNum(tableId, numId, index, first,obj) {       var sumStr = document.getElementById(numId);       //当前行进行加减       if (null != obj) {          
js 统计表格加总数据
a8366的专栏
10-13 543
                      使用js统计页面表格中的数据，比在action层中简单，别且快捷，改起来方便，下面是我们项目中的一个例子。需要在别人已有的表格基础上作加总行和列的数据。   页面代码：已有表格的基础上加最右边的一行和最下面的一列 ，关键代码见js      &lt;table width="700" border="1" align="center" ...
js-quantities:JavaScript库，用于数量计算和单位转换
04-30
JS数量是作为UMD和ES模块构建的，可以与Node.js和浏览器一起使用。 它没有依赖项。 安装 使用npm install js-quantities或以以下方式下载最新版本v1.7.6： 用法 Node.js // As CommonJS module const Qty = ...
magento2-enhanced-qty:在每个数量输入字段旁边添加数量按钮
05-06
定位-Magento 2模块增强数量 Magento 2模块在每个数量输入字段旁边添加数量按钮。 使商店的客户更容易增加或减少产品的数量。目录安装通过以下方式安装... 而且enhanced-qty.js将处理增量和减量。SCSS支持该模块还
qty.js:解析，验证，操作和显示不同度量单位中的值
05-10
解析，操作，格式化和验证不同度量单位中的值。 安装 浏览器 $ bower install --save qty 在您的html中包含Qty.js及其依赖项： < script src =" components/underscore/underscore.js " > </ script >...
Dynamics AX Qty Price 数据精度（小数位数）设置
12-11
Dynamics AX 默认数量、金额小数位数只有2位，本方法用于扩展小数位数。
taxcalc:计算税收的节点模块
06-24
税收计算 一个简单的行项目税计算器。 npm install taxcalc 用法 var calc = require ( 'taxcalc' ) ; var taxConfigs = [ { id : 'tax1' , rate : 0.05 , isComposed : false } , { id : 'tax2' , rate : 0....
js/Jquery/javascript动态添加删除行,统计计算总数.
08-26
用Jquery 添加删除行, 并进行计算 品名 数量 单价 金额(计算得出) 添加(按钮) 品名 数量 单价 金额(计算得出) 删除(按钮) .... --- 总计:
numpy（1）基本使用及常用统计函数
斜光的博客
11-18 386
常用方法 1.1、数据类型的操作 In [9]: t3 = np.array([[[1,2,3],[4,5,6]],[[7,8,9],[10,11,12]]]) In [10]: t3 Out[10]: array([[[ 1, 2, 3], [ 4, 5, 6]], [[ 7, 8, 9], [10, 11, 12]]]) 1.1...
js获取动态表格一列值的和
qq_43314431的博客
09-30 2023
前台页面获取动态表格一列值的和，附上图，求大神解答一下
js 计算数组的总和
滚滚_1016的程序媛
08-24 5563
//计算数组的总和 function sumArr(value) { var sum = value.reduce(function(prev,cur,index,array){ return prev + cur }); return sum; }
JS-根据条件计算table中某列的数量之和
咏絮
08-26 860
<script type="text/javascript"> var tbl = $("#TABLE_DL_fd_details"); tbl.on("change", "input[name$='iTVQuantity)']", function(e){ var quantitySum1 = 0; var quantitySum2 = 0; $("#TABLE_DL_fd_details tr").each(function(){ var type = $(this).find(.
JS计算数组内数值的总和
weixin_65984842的博客
02-28 221
JS计算数组内数值的总和
total.js nodejs framework（一）
04-15 1204
nodejs  我一直在使用express，express的更新和文档都很详细，开源社区和博客也很丰富。不过total.js 我看了几天 感觉也是一个不错的框架。它和experss比较起来是有区别的。 total.js 官方网站：https://www.totaljs.com 首页就是介绍了total.js的一些有点 1  快速的创建nodejs的 mvc 应用 ，并且免费开
js表格求和
mush_me的专栏
01-20 535
此代码用js在客户端自动求和，具体可以根据自己的要求拓展 [code="java"] table_count.html $().ready(function() { setAllCoun...
js table行列合计计算案例
05-05
下面是一个简单的JavaScript表格行列合计计算案例： HTML代码： ```html 商品 价格 数量 小计 商品A <td>10.00 <td><input type="number" value="1" onchange="updateSubtotal(this)"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值