s如何动态新增、删除表格的指定行

Question

如图片所示，点击“继续添加”可以在表格里新增一行；点击“删除”可以删除选中的行。希望熟悉JS的能给个可运行的示例，谢谢！！

[b]问题补充：[/b]
自己解决了。由于分数只能给一个人，就给第一个回答的了

动态操作表的行

选择

内容

 继续添加&nbsp&nbsp&nbsp删除

var rowCount = 0; var lastDeleteIndex = -1; var tableObj = document.getElementById('DemoTable'); function addRow(){ var newTr = tableObj.insertRow(); rowCount++; var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); newTd0.innerHTML = '<input type="checkbox" name="xz'+rowCount+'" id="choose'+rowCount+'">'; newTd1.innerHTML = '<input type="text" name="nr" size="50" >'; } function deleteObj(){ if(rowCount < 1){ alert("没有内容可以删除"); return false; } var oldCount = rowCount + 1; for(var i = rowCount ; i > 0; i--){ var deleteTr = document.getElementById("choose" + i); if(deleteTr != null && deleteTr.checked){ alert("delete row " + i); tableObj.deleteRow(i); //下标从 0 开始 lastDeleteIndex = i - 1; rowCount--; }else{ alert("not delete row " + i); } } //重新设置checkbox的id [code="java"][/code] for(i = lastDeleteIndex + 2; i < oldCount; i++){ var box = document.getElementById("choose" + i); if(box != null){ box.id = "choose" + (++lastDeleteIndex); }else{ alert('not exist row' + i); } } alert('lastDeleteIndex ' + lastDeleteIndex); }

Answer 1

呵呵，这个问题我刚搞好！具体可以参考http://chenhua-1984.iteye.com/blog/404701,这个是添加更多，http://chenhua-1984.iteye.com/blog/376563，这个是删除行