简单的javascript实现全选、删除

最新推荐文章于 2025-05-20 16:08:55 发布

转载最新推荐文章于 2025-05-20 16:08:55 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/springmvc3/archive/2010/02/02/2224426.html

文章标签：

#javascript #java #ViewUI

本文介绍了一种使用JavaScript实现网页元素全选及删除功能的方法。通过定义checkAll、uncheckAll和del三个函数，可以轻松实现复选框的选择与取消选择操作，并在确认后执行删除操作。

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

<input type="button" onclick="checkAll();" value="全选"/> <input type="checkbox" id="ids" name="ids" value=""/> function checkAll(){ var ids=document.getElementsByName('ids'); for(i=0;i<ids.length;i++) ids[i].checked=true; } function uncheckAll(){ var ids = document.getElementsByName('ids'); for(i=0;i<ids.length;i++){ ids[i].checked = false; } } function del(){ var form = document.getElementById('form1'); var ids = document.getElementsByName('ids'); var ischecked = false; for(i=0;i<ids.length;i++){ if(ids[i].checked) ischecked = true; } if(!ischecked){ alert("请选择要删除的数据!") return ischecked; } if(confirm('您确定删除吗？')){ return true; }else{ return false; } }

转载于:https://www.cnblogs.com/springmvc3/archive/2010/02/02/2224426.html