javascript动态添加删除行后行内计算及取值

最新推荐文章于 2025-08-15 22:56:20 发布

weixin_30266829

最新推荐文章于 2025-08-15 22:56:20 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cnaspnet/archive/2011/03/30/1999669.html

本文介绍了一种通过动态设置HTML输入框ID的方法实现行内计算的技术方案。具体做法是在输入框中加入对应的序号作为ID，并保持name属性值不变。通过JavaScript进行事件绑定，在输入框失去焦点时触发计算函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只要ID加入对应序号即可，name值不变，行内计算根据ID定位，取name值。

先隐藏一个input并赋值，<input name='lastindex' type='hidden' id='lastindex1" />

如下：

<input name='txtquantity' id='txtquantity"+rowID+"' onblur='ToPdSum2(this,txtunitprice"+rowID+",txtcurrrency"+rowID+");' size='20'/>";
yanzhen

转载于:https://www.cnblogs.com/cnaspnet/archive/2011/03/30/1999669.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30266829

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

动态网站开发讲课笔记01：网页开发基础

howard2005的专栏

02-17

2607

1. 熟悉HTML标签的使用； 2. 掌握CSS样式的引用方式； 3. 掌握CSS选择器的常用属性； 4. 熟悉DOM与BOM的相关知识； 5. 掌握JavaScript的使用； 6. 熟悉Bootstrap框架的下载与使用； 7. 掌握BootStrap框架的常用组件；

js动态删除行添加行、获取表格中的某个单元格的内容

zhaoyh82的专栏

12-22

7159

//动态添加行function addRow(){ var widths = [50,50,50,50]; var table = document.getElementById("tableID"); var newRow = table.insertRow(); //创建新行 // var newCell = newRow.insertCell(); //创建新单元格

参与评论您还未登录，请先登录后发表或查看评论

使用js实现简单地对表格添加行和删除行

sleeping_xixi的博客

05-13

9336

<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <scrip

怎么用JS实现网页中的价格变动，删除和统计？

晴天学长

04-12

365

大家好，我是晴天学长，新的一天又开始了，不管是算法还是什么的，咱们的技术还是得跟上啊！今天分享的是如何用JS去实现网页的价格自动改变和一些删除操作，需要的小伙伴请自取哦！💪💪💪（a）.html文件（b）.js文件（c）.css文件（d）.imgs文件

JS数组数据删除与添加

热门推荐

甜甜的博客

01-19

1万+

var arr = [1,2,3,2,'apple'] 1.新增元素 arr.push(val); //在数组结尾添加，返回数组长度；改变原数组 arr.unshift(val); //在数组头部添加，返回数组长度；改变原数组 arr.concat(val); //返回新数组；不会改变原数组 2.修改数组中的元素 ...

vue表单案例练习：vue表单创建一行数据及删除数据的实现与理解

刘大猫

04-25

8135

目标两个例子: 1.表单数据一行的创建+删除(彻底删除/隐藏双实现) 2.计算商品总价格如何使用Vue：基本结构: 1、引入Vue的核心JS文件 2、准备Dom结构 3、实例化组件通过el属性，挂载元素，绑定id为app的html元素通过data属性，定义数据，可以在html代码段中显示的数据 4、获取数据数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值......

CSS 行内级元素和行内框

歪脖先生的博客

02-19

2133

行内级元素和行内框行内级元素（inline-level element），就是那些在源文档中不会形成新块的元素，这些元素的左右可以放置其他元素。典型的行内级元素有 span、em、strong、a，等等。根据元素自身的特点，行内级元素又被分为非替换元素和替换元素。非替换元素的内容直接包含在文档中，浏览器在渲染页面时，会读取元素的内容，并直接显示在页面上。说白了，非替换元素的内容就是文本。如：&lt...

a标签行内动态携带参数跳转

weixin_45557439的博客

06-07

413

【代码】a标签行内动态携带参数跳转。

黑马JS教程笔记（JavaScript教程）——JS基础

Dontla的博客

02-18

1796

<head><title>JavaScript练习</title></head><body><script></script></body>

2021-2022计算机二级等级考试试题及答案No.1350.docx

10-27

在查询“设计视图”中，既可以添加数据库表，也可以添加查询。 ### 13. 硬盘容量 20GB的硬盘表示其容量约为200亿个字节。 ### 14. Visual FoxPro表属性在Visual FoxPro中，只有数据库表能够给字段定义有效性...

2021-2022计算机二级等级考试试题及答案No.19803.docx

10-31

2. **知识点解析**：在编程中，当需要在同一行内写多条语句时，通常使用分号（`;`）来分隔这些语句。这适用于大多数现代编程语言，包括C++等。 ### 计算机内存单位转换 3. **知识点解析**：2GB等于2048MB。这是...

2021-2022计算机二级等级考试试题及答案No.14900.docx

11-04

2. Access的表设计视图中，你可以修改字段类型、设置索引和增加字段，但不能直接删除记录，这通常需要在数据表视图中进行。 3. Java 2 Micro Edition (J2ME) 是为移动设备如手机和嵌入式设备提供的Java平台。 4. ...

Go语言实战案例:静态资源服务（CSS、JS、图片）

tenkofx的博客

08-15

631

• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。

electron进程间通信- 从渲染进程到主进程

唐璜Taro的博客

08-13

1157

本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。

MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad

m0_74743788的博客

08-13

1498

普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。

20道Vue框架相关前端面试题及答案

qq_39540458的博客

08-14

1123

Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式

VUE3 学习笔记2 computed、watch、生命周期、hooks、其他组合式API

mashirokayo的博客

08-15

1258

在vue3中，虽然也能写vue2的computed，但还是更推荐使用vue3语法的computed。computed是一个函数。它的参数接收一个函数，这个函数可以是普通函数，也可以是箭头函数，由于vue3中没有this，所以无需关注函数类型对this指向的影响。这个函数就是计算的方法函数。但是通过这种方式定义的计算属性，是只读的，无法对属性进行修改。如果计算属性同时需要读取和修改，要通过下面这种形式：传入computed的参数是一个对象，在对象中配置get和set。

JavaScript 核心基础：类型检测、DOM 操作与事件处理