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 相关文章推荐
jquery插件之easing 动态菜单
Aug 21 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 Javascript
jquery删除提示框弹出是否删除对话框
Jan 07 Javascript
JQuery插件jcarousellite的参数中文说明
May 11 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
js表单登陆验证示例
Oct 19 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
JavaScript学习笔记之数组基本操作示例
Jan 09 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
JavaScript代码异常监控实现过程详解
Feb 17 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 SQL防注入代码集合
2008/04/25 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
轻松实现js弹框显示选项
2016/09/13 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
python中pycurl库的用法实例
2014/09/30 Python
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
Python 读写文件的操作代码
2018/09/20 Python
python读写csv文件实例代码
2019/07/05 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
个人委托书怎么写
2014/04/04 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
抗洪救灾感谢信
2015/01/22 职场文书
华清池导游词
2015/02/02 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
2015年话务员工作总结
2015/04/29 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers