手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery实现动态表格点击按钮表格增加一行
JQuery实现动态表格点击按钮表格增加一行
摘要:功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取点击删除,自动删除这一行JQuery中定义一个count变量varc...

功能实现:点击添加按钮,表格增加一行并给其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" value="删除" />'; count++; } function del(btn) { var tr = btn.parentElement.parentElement; var tbl = tr.parentElement; if (tr.rowIndex >= 1) { tbl.deleteRow(tr.rowIndex); } else { } };

【JQuery实现动态表格点击按钮表格增加一行】相关文章:

js设置document.domain实现跨域的注意点分析

Javascript动态创建表格及删除行列的方法

基于jQuery实现的无刷新表格分页实例

jQuery实现html表格动态添加新行的方法

jQuery结合ajax实现动态加载文本内容

jquery实现动态改变div宽度和高度

Jquery实现动态切换图片的方法

jQuery的Scrollify插件实现滑动到页面下一节点

jQuery实现延迟跳转的方法

JS动态增删表格行的方法

精品推荐
分类导航