实现全选功能

dxm809

于 2020-03-15 11:18:48 发布

阅读量127

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/dxm809/article/details/104875374

版权

JAVASCRIPT 专栏收录该内容

134 篇文章

订阅专栏

checkbox如果是设置属性需要用checked=“checked",但是在js中可以复制成‘checked'也可以赋值给true ，true不加引号

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			window.onload=function(){
				var btn = document.getElementById('btn');
				var cbs = document.getElementsByTagName('input');
				btn.onclick=function(){					
					for (i=0;i<cbs.length;i++){
						cbs[i].checked=true
					}
				}
			}
		</script>
	</head>
	<body>
		<p id="btn">全选</p>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
		<input type="checkbox" /><br>
	</body>
</html>