1.6作业

最新推荐文章于 2026-08-22 22:10:06 发布

原创最新推荐文章于 2026-08-22 22:10:06 发布 · 498 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

这篇文章详细描述了一个HTML页面中如何使用JavaScript实现一个动态的复选框选择器，当用户点击全选时，所有复选框的状态会相互切换。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function change(){
				var checkdocs = document.getElementsByClassName("cll-check");
				for(var i = 0;i<checkdocs.length;i++){
					var checkNode = checkdocs[i];
					if(checkNode.checked == true){
						checkNode.checked = false;
					}else{
						checkNode.checked = true;
					}
				}
			}
		</script> 
	</head>
	<body>
		<input type="checkbox" onclick="change()"/>全选
		<h2>你的爱好是</h2>
		<ul>
			<li><input type="checkbox" class="cll_check"/>看书</li>
			<li><input type="checkbox" class="cll_check"/>看电影</li>
			<li><input type="checkbox" class="cll_check"/>玩游戏</li>
			<li><input type="checkbox" class="cll_check"/>刷抖音</li>
			<li><input type="checkbox" class="cll_check"/>泡芙</li>
		</ul>
	</body>
</html>

标签

#javascript