• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 基于jQuery实现表格数据的动态添加与统计的代码

基于jQuery实现表格数据的动态添加与统计的代码

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了动态添加,统计等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com


                                                          图(1.1)
    某物流信息系统中的功能要求如图1.1所示,表格中每一行代表一笔运送货物的信息,在录入每行的计费重量和费率后,要求能按一定的公式,自动计算运送费用,并且能自动统计所有运送货物的总运费。运送货物信息的数据量(即表格的行数)不定,要求能动态增加、删除,即表格的数据行数是动态可维护的。同时为了方便操作,需要在页面中能像使用键盘的上下左右方向键,在录入的文本框之间进行切换。每行的数据有一定的校验要求,比如单号必须为8位数字,件数和重量必须为数字...
    单行货物信息计算运费不难实现,只需要在计费重量和费率的文本框对象的onblur事件中,得到费率和计费重量,按照公式计算好运费即可。

       总计费用的统计也不难实现,遍历整个表格的所有费用对象,统计其和,将计算结果放到总计的文本框对象即可。

       难点在动态添加整行表格数据,而且每行数据上的各文本框对象的事件也要实现自动统计和运算,有相当的难度。如果使用JavaScript需要调用Dom对象创建一个<tr>单元格,还需要在tr里面添加10多个单元格<td>对象,每个单元格<td>对象内要添加文本框对象,还需要在文本框对象上响应onblur事件进行运费计算,代码量相当大。

      

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 使用jQuery实现动态添加小广告
  • JQuery Ajax 异步操作之动态添加节点功能
  • jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
  • jQuery实现动态添加tr到table的方法
  • 利用jQuery来动态为属性添加或者删除属性的简单方法
  • jQuery动态添加与删除tr行实例代码
  • 使用jquery给指定的table动态添加一行、删除一行
  • jquery动态添加文本并获取值的方法
  • jQuery实现表格行和列的动态添加与删除方法【测试可用】
  • jQuery动态添加可拖动元素完整实例(附demo源码下载)

相关文章

  • jquery中实现标签切换效果的代码
  • 使用jquery hover事件实现表格的隔行换色功能示例
  • 用jquery写的一个万年历(自写)
  • 常用的JQuery函数及功能小结
  • 一款由jquery实现的整屏切换特效
  • BootStrap iCheck插件全选与获取value值的解决方法
  • jQuery中iframe的操作(点击按钮新增窗口)
  • jQuery插件ajaxFileUpload使用实例解析
  • jQuery下通过replace字符串替换实现大小图片切换
  • jQuery获取select选中的option的value值实现方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JQuery遍历DOM节点的方法
    • JQuery之拖拽插件实现代码
    • jQuery实现的动态伸缩导航菜单实例
    • 一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
    • jquery实现表单验证简单实例演示
    • jquery自动完成插件(autocomplete)应用之PHP版
    • jQuery性能优化技巧分析
    • jQuery 如何给Carousel插件添加新的功能
    • jquery 关于event.target使用的几点说明介绍
    • Jquery绑定事件(bind和live的区别介绍)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有