前端 checkbox的全选与取消全选的实现

最新推荐文章于 2020-08-09 09:41:49 发布

兜里ヌ有糖

最新推荐文章于 2020-08-09 09:41:49 发布

阅读量196

点赞数

分类专栏：笔记文章标签： javascript html css

本文链接：https://blog.csdn.net/qq_43980232/article/details/105750321

版权

笔记专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form name="theForm">
			<dl>
				<dd><input type="checkbox" onclick="selectall()">全选</dd>
				<dd><input type="checkbox">唱</dd>
				<dd><input type="checkbox">跳</dd>
				<dd><input type="checkbox">rap</dd>
				<dd><input type="checkbox">篮球</dd>
			</dl>
			<input type="reset" value="重置" />
		</form>
	</body>
	<script>
		function selectall(){
			if(document.forms[0].elements[0].checked==true){
				for(var i=1;i<document.forms[0].elements.length;i++){
					if(document.forms[0].elements[i].type=='checkbox'){
						document.forms[0].elements[i].checked='checked';
					}
				}
			} else{
				for(var i=1;i<document.forms[0].elements.length;i++){
					if(document.forms[0].elements[i].type=='checkbox'){
						document.forms[0].elements[i].checked='';
					}
				}
			}	
		}	
	</script>
</html>

兜里ヌ有糖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端 checkbox的全选与取消全选的实现

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form name="theForm"> <dl> <dd>&lt...
复制链接

扫一扫