JS删除行tr，以隐藏方式删除表格

最新推荐文章于 2023-01-05 17:01:25 发布

shinlgienls

最新推荐文章于 2023-01-05 17:01:25 发布

阅读量8.2k

点赞数

分类专栏： JavaScript 文章标签： border function

本文链接：https://blog.youkuaiyun.com/guoyz_1/article/details/4017278

版权

JavaScript 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的批量删除功能的具体方法。通过遍历表格中的每一项，检查是否被选中，并记录选中项的信息。在确认操作后，能够有效地移除指定的数据行。此外，还涉及到了如何更新计数器以及取消所有选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<mce:script type="text/javascript"><!-- var countnum=<%=CountNum1 %>; function Del() { if(parseInt(document.getElementById("HidCount").value)>0) { var CheckedCount=0;//记录选中记录的行数 var CheckedID="";//记录选中行的ID var ChcekedCountID="";//记录选中行的行号 var countnum=document.getElementById("HidCount").value;//原始的行号 for(var i=1;i<=parseInt(document.getElementById("HidCount").value);i++) { if(document.getElementById("Chk"+i).checked==true) { CheckedCount++; if(CheckedID=="") { CheckedID=document.getElementById("Chk"+i).value; } else { CheckedID= CheckedID + ","+document.getElementById("Chk"+i).value; } if(ChcekedCountID=="") { ChcekedCountID=i; } else { ChcekedCountID= ChcekedCountID + ","+i; } } } if(CheckedCount>0) { if(confirm("您确认要删除记录吗？")) { //执行删除，删除成功了就隐藏删除的行 var RtnVal=MMs_SendRecordList.DelID(CheckedID).value; if(RtnVal=="1") { //隐藏行 var aa=ChcekedCountID+",";//解决ChcekedCountID只有一位ID js报错（split） var DelTR=aa.split(","); for(var j=0;j<DelTR.length-1;j++) { document.getElementById("TR"+DelTR[j]).style.display="none"; } CheckedCount=0; CheckedID=""; ChcekedCountID=""; document.getElementById("HidCount").value=parseInt(document.getElementById("HidCount").value)-CheckedCount;//重新计算行 //清空选中 for(var i=1;i<=parseInt(countnum);i++) { if(document.getElementById("Chk"+i).checked==true) { document.getElementById("Chk"+i).checked=false; } } } } else { CheckedID=""; return; } } else { alert("请选择您要删除的行！"); } } else { alert("没有任何数据可供删除！"); return; } } <a href="http://www.51.la/?3103169" mce_href="http://www.51.la/?3103169" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/3103169.asp" mce_src="http://img.users.51.la/3103169.asp" style="border:none" mce_style="border:none" /></a>