日期:2014-05-16  浏览次数:20301 次

*****如何动态删除表格行?
有一个table,行数无法确定,最后一列为复选框,如何动态删除复选框选中的行?

<table   id= 'tbl '>
    <tr>
          <td> 编号1 </td>
          <td> <input   type= 'checkbox '   /> </td>
    </tr>
    <tr>
          <td> 编号2 </td>
          <td> <input   type= 'checkbox '   /> </td>
    </tr>
    <tr>
          <td> 编号3 </td>
          <td> <input   type= 'checkbox '   /> </td>
    </tr>
      <tr>
          <td> 编号4 </td>
          <td> <input   type= 'checkbox '   /> </td>
    </tr>
    .....
</table>

for(var   i   =   0;   i   <   document.getElementById( 'tbl ').rows.length;   i++)
{
      //注:这样删除有问题,因为你删除一行表行数会少一行
}

------解决方案--------------------
从你的角度出发,可以这样删除
for(var i = document.getElementById( 'tbl ').rows.length - 1> =0; i--)
{
//从最后开始删除,这样就不会出现你说的问题
}
------解决方案--------------------
http://www.blogjava.net/mengyuan760/archive/2006/08/01/61112.aspx
------解决方案--------------------
for_cyan(Cyan)说的对,倒着删不就可以了