首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

*怎么动态删除表格行

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

*****如何动态删除表格行?
有一个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)说的对,倒着删不就可以了

热点排行