我要实现这样一个功能:在一个表格里,每一行的第一个单元格都有一个checkbox
,当该行的checkbox选中时,用一个button(删除)来控制,就是说当按下删除时,这一行被删除,多行被选中时,删除多行.
我最近刚学js,还望哪位大哥帮帮忙啊,先谢谢了

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <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>