checkbox全选/全不选

最新推荐文章于 2021-04-06 17:01:40 发布

musclecode

最新推荐文章于 2021-04-06 17:01:40 发布

阅读量67

点赞数

分类专栏： Javascript 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/musclecode/article/details/83885369

版权

Javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>checkbox全选/全不选</title>
		<style type="text/css">
			p {
				margin:0;
				font-size:12px;
				line-height:26px;
			}
		</style>
		<script type="text/javascript">
		function check_all(obj,cName){
			var checkboxs = document.getElementsByName(cName);
			for(var i=0;i<checkboxs.length;i++){
				checkboxs[i].checked = obj.checked;
			}
		}
		</script>
	</head> 
	<body>
		<p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全选/全不选</p>
		<p><input type="checkbox" name="c" value="" /></p>
		<p><input type="checkbox" name="c" value="" /></p>
		<p><input type="checkbox" name="c" value="" /></p>
		<p><input type="checkbox" name="c" value="" /></p>
	</body>
</html>

musclecode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox全选/全不选

[code="html"] checkbox全选/全不选 p { margin:0; font-size:12px; line-height:26px; } function check_all(obj,cName){ var checkboxs = document.getElemen...
复制链接

扫一扫