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 相关文章推荐
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 Javascript
鼠标选择动态改变网页背景颜色的JS代码
Dec 10 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
vue的toast弹窗组件实例详解
May 14 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 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中数组合并的两种方法及区别介绍
2012/09/14 PHP
解析如何用php screw加密php源代码
2013/06/20 PHP
destoon实现调用热门关键字的方法
2014/07/15 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
js密码强度检测
2016/01/07 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
js实现购物车功能
2018/06/12 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
js实现盒子滚动动画效果
2020/08/09 Javascript
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
python基础教程之自定义函数介绍
2014/08/29 Python
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
Python 自动化表单提交实例代码
2017/06/08 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
PyQt5实现简易计算器
2020/05/30 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
Python 实现集合Set的示例
2020/12/21 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
main 主函数执行完毕后,是否可能会再执行一段代码,给出说明
2012/12/05 面试题
大三在校生电子商务求职信
2013/10/29 职场文书
法人委托书范本格式
2014/09/15 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL