JQuery实现动态表格点击按钮表格增加一行
更新时间:2014年08月24日 09:24:18 投稿:whsnow
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
功能实现:点击添加按钮,表格增加一行并给其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 { } };
相关文章
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Web开发进行页面跳转时在pageB中引用的JS并未成功运行,针对这个问题本文给予了详细的解决方法,感兴趣的你可以参考下哈,希望可以帮助到你2013-03-03jQuery EasyUI基础教程之EasyUI常用组件(推荐)
这篇文章主要介绍了jQuery EasyUI基础教程之EasyUI常用组件(推荐),非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07jQuery使用DataTable实现删除数据后重新加载功能
利用jQuery Datatable和artTemplate组合来做的表格。但是当删除数据时,需要重新加载table里的数据。接下来通过本文给大家分享jQuery使用DataTable实现删除数据后重新加载功能,需要的朋友参考下2017-02-02
最新评论