Liuwenhao866595 2009-06-11 17:06
浏览 334
已采纳

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

如图片所示,点击“继续添加”可以在表格里新增一行;点击“删除”可以删除选中的行。希望熟悉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); }
  • 写回答

3条回答 默认 最新

查看更多回答(2条)

报告相同问题?