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

动态表格,功能为点击添加按钮，表格增加一行并给其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" size="7" />'; var class_id = tr.insertCell(1); class_id.innerHTML = ''; var memo = tr.insertCell(2); memo.innerHTML = '<input type="text" 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 { } };

您可能感兴趣的文章: