测试结果:
点击全选时,选中所有选项:
html部分代码:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<script src="Test.js"></script>
<title>全选/复选框</title>
</head>
<input id="all" type="checkbox" value="false"/>全选</br>
<div id="checkbox">
<input id="c1" type="checkbox"/>篮球</br>
<input id="c2" type="checkbox"/>足球</br>
<input id="c3" type="checkbox"/>排球
</div>
</body>
</html>
js部分代码:
/**
* Created by LY on 2016/11/28.
*/
window.onload= func

这篇博客介绍了如何使用HTML和JavaScript实现复选框的全选和反选功能。通过示例代码,展示了在点击全选按钮时,能够自动选中所有复选框选项的实现过程。
最低0.47元/天 解锁文章
265

被折叠的 条评论
为什么被折叠?



