javaScript 案例之复选框的全选和取消

最新推荐文章于 2017-12-13 18:30:46 发布

黑暗浪子

最新推荐文章于 2017-12-13 18:30:46 发布

阅读量520

点赞数

分类专栏： javaScript+html5+CSS学习文章标签： javaScript DOM案例

本文链接：https://blog.csdn.net/u012453619/article/details/37941617

版权

javaScript+html5+CSS学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Html study</title>
	<script type="text/javascript">
		function forSelect(){
			var mydiv = document.getElementsByName('select');
			var myselect = document.getElementById('select_all');
			for(var i=0; i<mydiv.length; i++){
				if(myselect.checked == false){
					mydiv.item(i).checked = false;
				}else{
					mydiv.item(i).checked = true;
				}
			}
		}
    </script>
</head>
<body>
	<input type="checkbox"  onChange="forSelect()" id="select_all">select All</input><br></br>
    <div id="mydiv">
    	<input type="checkbox" name='select'>select one</input><br/>
        <input type="checkbox" name='select'>select two</input><br/>
        <input type="checkbox" name='select'>select three</input><br/>
        <input type="checkbox" name='select'>select four</input><br/>
    </div>
</body>
</html>

黑暗浪子

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javaScript 案例之复选框的全选和取消

Html study function forSelect(){ var mydiv = document.getElementsByName('select'); var myselect = document.getElementById('select_all'); for(var i=0; i<mydiv.length; i++){ if(myselect
复制链接

扫一扫

专栏目录