선택된 checkbox에 대응하는 줄을 삭제합니다

1795 단어 html

<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>

방금 물을 거슬러 배를 젓는 중에 이런 처리를 하는 것을 보았다.또 배운 것 같아.근데 체크박스가 하나밖에 없을 때 get Element By Id는 그룹이 아니에요.mark 아래.

좋은 웹페이지 즐겨찾기