功能实现：点击添加按钮，表格增加一行并给其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 点击按钮显示和隐藏层的代码
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- jQuery实现点击按钮弹出可关闭层的浮动层插件
- jQuery点击按钮弹出遮罩层且内容居中特效
- jQuery中iframe的操作(点击按钮新增窗口)
- jQuery实现点击按钮文字变成input框点击保存变成文字
- Jquery 点击按钮自动高亮实现原理及代码
- jQuery实现鼠标滚轮动态改变样式或效果
- jQuery文本框得到与失去焦点动态改变样式效果
- Jquery使用css方法改变样式实例
- jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
- jQuery实现的点击按钮改变样式功能示例
