欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

删除被选中的checkbox对应的行

程序员文章站 2022-07-07 21:39:13
...
<SCRIPT LANGUAGE="JavaScript">
<!--
	function deleteRows(){   
    var rows = document.detailForm.detail;   
    var detailTable = document.getElementById("detailTable");   
    for(var i=0; i<rows.length; i++){   
        if(rows[i].checked){   
            detailTable.deleteRow(rows[i].parentNode.parentNode.rowIndex);   
            i--;   
        }   
    }   
}  

//-->
</SCRIPT>
 <BODY>
  <FORM METHOD=POST ACTION="" name="detailForm">
	<TABLE id="detailTable">
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>
	<TR>
		<TD><INPUT TYPE="checkbox" NAME="detail"></TD>
	</TR>

	</TABLE>
	<INPUT TYPE="button" VALUE="delete" ONCLICK="deleteRows()">
  </FORM>

刚刚看到逆水行舟中做这样的处理。感觉又学到了些。不过当checkbox只有一个得时候getElementById得到的不是数组。mark下。
相关标签： HTML

上一篇： 分享15个超棒的透明风格名片设计 名片名片设计透明 

下一篇： IE6下PNG图片透明方法

推荐阅读