资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript DOM操作之动态删除TABLE多行
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DOM动态删除TABLE多行</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20%24(objId)%7B%20%0D%0Areturn%20document.getElementById(objId)%3B%20%0D%0A%7D%20%0D%0Afunction%20del_tbl(tblN%2CckN)%7B%20%0D%0Avar%20ck%20%3D%20document.getElementsByName(ckN)%3B%20%0D%0A%20%20%20%20var%20tab%20%3D%20%24(tblN)%3B%20%0D%0Avar%20rowIndex%3B%20%0D%0Afor(var%20i%3D0%3Bi%3Cck.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(ck%5Bi%5D.checked)%7B%20%0D%0ArowIndex%20%3D%20ck%5Bi%5D.parentNode.parentNode.sectionRowIndex%3B%20%0D%0A%20%20%20%20%20%20%20%20%20tab.deleteRow(rowIndex)%3B%20%0D%0Ai%20%3D%20-1%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%3C%2Fscript%3E"> </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"><div align="center">第一行 </div></td> <td width="79"><div align="center">1</div></td> </tr> <tr id="tr2"> <td height="36"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第二行 </div></td> <td><div align="center">2</div></td> </tr> <tr id="tr3"> <td height="40"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第三行 </div></td> <td><div align="center">3</div></td> </tr> <tr id="tr4"> <td height="37"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第四行 </div></td> <td><div align="center">4</div></td> </tr> <tr id="tr5"> <td height="50"><input type="checkbox" name="del" id="del" /></td> <td><div align="center">第五行 </div></td> <td><div align="center">5</div></td> </tr> <tr> <td colspan="3"> <div align="center"> <input type="button" name="btn_del" id="btn_del" value="删 除" onclick="del_tbl('list','del')"/> </div></td> </tr> </table> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程