javascript DOM操作之动态删除TABLE多行

2026-01-17 14:46:49 作者：用户投稿

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DOM动态删除TABLE多行</title>  </head> <body> <form id="form1" name="form1" method="post" action=""> <table width="253" border="1" align="center" id="list"> <tr> <td><input type="checkbox" name="cb_k" id="cb_k" /></td> <td>2</td> <td>3</td> </tr> <tr id="tr1"> <td width="28" height="41"><input type="checkbox" name="del" id="del" /></td> <td width="124">第一行 </td> <td width="79">1</td> </tr> <tr id="tr2"> <td height="36"><input type="checkbox" name="del" id="del" /></td> <td>第二行 </td> <td>2</td> </tr> <tr id="tr3"> <td height="40"><input type="checkbox" name="del" id="del" /></td> <td>第三行 </td> <td>3</td> </tr> <tr id="tr4"> <td height="37"><input type="checkbox" name="del" id="del" /></td> <td>第四行 </td> <td>4</td> </tr> <tr id="tr5"> <td height="50"><input type="checkbox" name="del" id="del" /></td> <td>第五行 </td> <td>5</td> </tr> <tr> <td colspan="3">  <input type="button" name="btn_del" id="btn_del" value="删 除" onclick="del_tbl('list','del')"/> </td> </tr> </table> </form> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

联络方式：

4008905355

邮箱：9196886@qq.com

Q Q：9196886

微信二维码