`
mldxs
  • 浏览: 25153 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
文章分类
社区版块
存档分类
最新评论

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

阅读更多
  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'onchange='chtotal(this);'></td>
  17. <td><inputtype="text"name="fprice"size=6maxlength=6value='0'onchange='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'onclick="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="增加条目"onclick="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'onchange='chtotal(this);'>";
  43. col=row.insertCell(3);
  44. col.innerHTML="<inputtype='text'name='fprice'size=6maxlength=6value='0'onchange='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'onclick='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>

分享到：
| Javascript动态创建FORM提交
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Dynamics AX Qty Price 数据精度（小数位数）设置

    Dynamics AX 默认数量、金额小数位数只有2位，本方法用于扩展小数位数。

    js-quantities:JavaScript库，用于数量计算和单位转换

    JS数量是作为UMD和ES模块构建的，可以与Node.js和浏览器一起使用。 它没有依赖项。 安装 使用npm install js-quantities或以以下方式下载最新版本v1.7.6： 用法 Node.js // As CommonJS module const Qty = ...

    qty.js:解析，验证，操作和显示不同度量单位中的值

    解析，操作，格式化和验证不同度量单位中的值。 安装 浏览器 $ bower install --save qty 在您的html中包含Qty.js及其依赖项： &lt; script src =" components/underscore/underscore.js " &gt; &lt;/ script &gt;...

    magento2-enhanced-qty:在每个数量输入字段旁边添加数量按钮

    定位-Magento 2模块增强数量 Magento 2模块在每个数量输入字段旁边添加数量按钮。 使商店的客户更容易增加或减少产品的数量。目录安装通过以下方式安装... 而且enhanced-qty.js将处理增量和减量。SCSS支持该模块还

    pricing:一个用于处理价格的库

    支持： 单价物品价格单价，可能包含折扣和税金打折百分比固定金额税收（含税，不含税） 包容性和排他性按顺序施用或复合施用物品收集迭代商品价格总计合计超过商品价格安装通过composer安装：composer require ...

    SQL Server性能计数器分析

    SQL Server性能计数器分析

    MySQL视图原理与基本操作示例

    本文实例讲述了MySQL视图原理与基本操作。分享给大家供大家参考，具体如下： ...CREATE VIEW view_test(qty,price,total) AS SELECT quantity,price,quantity*price FROM t; 多表视图 CREATE VIEW stu_class(id,n

    U8-MRP供需平衡分析脚本（非专业人士误入）

    子件属性,B.QTY1 AS 现存量,B.QTY2 AS 安全库存,'+'B.QTY3 AS 生产订单量,B.QTY4 AS 委外订单量,B.QTY5 AS 采购订单量,B.QTY6 AS 销售订单量,B.QTY7 AS 生产子件量,'+'B.QTY8 AS 委外子件量,B.QTY9 AS 采购在检量, B...

    购物网站中的购物车源代码

    $total += ($row_price-&gt;price * $row-&gt;quantity); } } return $total; } function display_contents($table, $session) { $count = 0; $query = "SELECT * FROM $table WHERE session='$session' ...

    TableView 的使用 实例二

    NULL 博文链接：https://toyota2006.iteye.com/blog/841931

    飞恒进销存管理系统v7.21(源代码)

    1、增加库存盘点汇总表和库存盘点明细表(新增视图vCheckDetail和存储过程RP_Check_Total、RP_Check_Detail) 2、增加商品出入库明细表(新增视图RP_AllIO_Detail和存储过程vAllDetail) 2006-04-12 1、 修正修改其它...

    mysql累积聚合原理与用法实例分析

    本文实例讲述了mysql累积聚合原理与用法。分享给大家供大家参考，具体如下： 累积聚合为聚合从序列内第一个元素到当前元素的数据，如为每个员工返回每月开始到现在累积的订单数量和平均订单数量 行号问题有两个解决...

    staruml-ruby:StarUML的Ruby扩展

    def initialize ( name , price , qty ) @name = name @price = price @qty = qty end private attr_accessor :name , :price , :qty def to_s "Your string representation of the object will be written...

    EBS经典流程

    EBS经典流程资料，适用于EBS的初学者

    taxcalc:计算税收的节点模块

    税收计算 一个简单的行项目税计算器。 npm install taxcalc 用法 var calc = require ( 'taxcalc' ) ; var taxConfigs = [ { id : 'tax1' , rate : 0.05 , isComposed : false } , { id : 'tax2' , rate : 0....

    SSD3答案 完整版

    stdErr.print("product [name_qty_price]&gt; "); stdErr.flush(); String s = stdIn.readLine(); StringTokenizer st = new StringTokenizer(s, DELIM); if (st.countTokens() != 3) { ...

    计算机毕业设计 基于深度学习的商品销量LSTM时间序列预测 根据地点品牌时间等信息预测未来的商品销量 matplotlib统计图

    Python 计算机毕业设计 基于深度学习的商品销量LSTM时间序列预测 根据地点品牌时间等信息预测未来的商品销量 matplotlib统计图 折线图 tensorflow keras Order Line SKU Order Line Qty Sales Channel Ship Country ...

    sql游标实例，更新行

    set @Qty = @Qty - @BQty print 1 print @qty goto re --返回到re： End print '888888' Fetch Next From subgroup Into @EntryID , @BillNo , @Number , @qty , @SPID End Close subgroup Deallocate...

    spj查询零件、工程、供应商查询

    【S-P-J】 S（SNO，SNAME，STATUS，CITY）； P（PNO，PNAME，COLOR，WEIGHT）；...5 找出所有供应商的姓名和所在城市 6 找出所有零件的名称，颜色，重量 7 找出使用供应商S1所供应零件的工程代码 8 找出工程项目J2

    数据库设计 超市物流管理

    数据库设计报告与ppt 超市物流管理 查询销售记录的存储过程 CREATE PROCEDURE [dbo].search_sell_rec @id varchar(8), @name varchar(30), @time varchar(30), @mid varchar(8) AS IF (@mid = '') BEGIN ...

Magicbox
Global site tag (gtag.js) - Google Analytics