JavaScript小例子：复选框全选
JavaScript小例子：复选框全选
这只是一个小例子，很简单，但是这个功能还是很常用的：
实现后效果如图：
JavaScript代码：
<script type="text/javascript">
function selectAll()
{
var allMails = document.getElementsByName("allMails")[0];
var mails = document.getElementsByName("email");
if(allMails.checked)
{
for(var i = 0; i < mails.length; ++i)
{
mails[i].checked = true;
}
}
else
{
for(var i = 0; i < mails.length; ++i)
{
mails[i].checked = false;
}
}
}
</script>
JSP页面：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> function selectAll() { var allMails = document.getElementsByName("allMails")[0]; var mails = document.getElementsByName("email"); if(allMails.checked) { for(var i = 0; i < mails.length; ++i) { mails[i].checked = true; } } else { for(var i = 0; i < mails.length; ++i) { mails[i].checked = false; } } } </script> </head> <body> 全选<input type="checkbox" onclick="selectAll()" name="allMails"><br><br><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> <input type="checkbox" name="email"><br> </body> </html>
参考资料
圣思园张龙老师Java Web培训视频。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
· 一个奇形怪状的面试题：Bean中的CHM要不要加volatile？
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek：免费 AI 助力你的知识管理，让你的笔记飞起来！
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了