我要实现这样一个功能:在一个表格里,每一行的第一个单元格都有一个checkbox
,当该行的checkbox选中时,用一个button(删除)来控制,就是说当按下删除时,这一行被删除,多行被选中时,删除多行.
我最近刚学js,还望哪位大哥帮帮忙啊,先谢谢了
,当该行的checkbox选中时,用一个button(删除)来控制,就是说当按下删除时,这一行被删除,多行被选中时,删除多行.
我最近刚学js,还望哪位大哥帮帮忙啊,先谢谢了
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<TABLE width=500 id=tab border=1>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
<TD>2</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>3</TD>
<TD>3</TD>
<TD>3</TD>
<TD>3</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>4</TD>
<TD>4</TD>
<TD>4</TD>
<TD>4</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>5</TD>
<TD>5</TD>
<TD>5</TD>
<TD>5</TD>
</TR>
<TR>
<TD><INPUT TYPE="checkbox" NAME="del"></TD>
<TD>6</TD>
<TD>6</TD>
<TD>6</TD>
<TD>6</TD>
</TR>
</TABLE><INPUT TYPE="submit" value="delete" onclick="deleteRow();">
<SCRIPT LANGUAGE="JavaScript">
<!--
function deleteRow(){
var objTable = document.getElementById("tab"); for(var i=0;i<objTable.rows.length;i++){
if(document.all.del[i].checked == true){
objTable.deleteRow(i);
i=-1;
}
}
}
//-->
</SCRIPT>
</BODY>
</HTML>