JQuery实现动态表格点击按钮表格增加一行


Posted in Javascript onAugust 24, 2014

功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取

点击删除,自动删除这一行

JQuery中定义一个count变量

var count = 1;
function add() {
var tbl = document.all.ci;
var rows = tbl.rows.length;
var tr = tbl.insertRow(rows);

var e_id = tr.insertCell(0);
e_id.innerHTML = '<input type="text" name="e_id' + count + '" size="7" />';

var class_id = tr.insertCell(1);
class_id.innerHTML = '';

var memo = tr.insertCell(2);
memo.innerHTML = '<input type="text" name="memo' + count + '" size="14" />';

var del = tr.insertCell(3);
del.innerHTML = '<input type="button" onclick="del(this)" value="删除" />';
count++;
}

function del(btn) {
var tr = btn.parentElement.parentElement;
var tbl = tr.parentElement;
if (tr.rowIndex >= 1) {
tbl.deleteRow(tr.rowIndex);
} else {

}
};
Javascript 相关文章推荐
document.documentElement &amp;&amp; document.documentElement.scrollTop
Dec 01 Javascript
一起来写段JS drag拖动代码
Dec 09 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
JS实现的系统调色板完整实例
Dec 21 Javascript
bootstrap导航条实现代码
Dec 28 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
JS实现上传图片实时预览功能
May 22 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
微信小程序开发问题之wx.previewImage
Dec 25 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 #Javascript
控制台报错object is not a function的解决方法
Aug 24 #Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 #Javascript
JavaScript验证电子邮箱的函数
Aug 22 #Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 #Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 #Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 #Javascript
You might like
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
强制设为首页代码
2006/06/19 Javascript
javascript数组使用调用方法汇总
2007/12/08 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
浅析node.js中close事件
2014/11/26 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
ajax跨域调用webservice的实现代码
2016/05/09 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
javaScript知识点总结(必看篇)
2016/06/10 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
Python多线程下载文件的方法
2015/07/10 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
keras打印loss对权重的导数方式
2020/06/10 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
python高级特性简介
2020/08/13 Python
澳大利亚婴儿喂养品牌:Cherub Baby
2018/11/01 全球购物
经典c++面试题四
2015/05/14 面试题
信息管理员岗位职责
2013/12/01 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
双语教学实施方案
2014/03/23 职场文书
让生命充满爱观后感
2015/06/08 职场文书
初中信息技术教学反思
2016/02/16 职场文书
Pillow图像处理库安装及使用
2022/04/12 Python