<html>
<head>
<script>
?function delte() {
??var checkboxs = document.getElementsByName("c1");
??var table? = document.getElementById("mytable");?
??var allTrlength = table.rows.length;
??var trIndex ;
??for(var i=0; i<checkboxs.length; i++) {
??? for(var j=allTrlength - 1; j>0 ;j--) {
???if(checkboxs[i].checked == true) {
??? table.deleteRow(checkboxs[i].parentNode.parentNode.rowIndex);
????}?
???}
??}
?}
</script>
</head>
<body>
<table id="mytable">
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
</table>
<input type="button" value="delete" onclick="delte();">
</body>
</html>
详细解决方案
经过checkboxs动态删除多行tr
热度:2 发布时间:2012-09-09 09:27:54.0
相关解决方案