自己动手-复选框全选

最新推荐文章于 2020-08-15 14:26:15 发布

原创最新推荐文章于 2020-08-15 14:26:15 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #XHTML #HTML #ViewUI

Javacript 专栏收录该内容

24 篇文章

订阅专栏

<!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=utf-8" />
<title>无标题文档</title>

	<script type="text/javascript">
	window.onload=function(){
		var allBlogs=document.getElementById("allBlogs");
		allBlogs.onclick=function(){
/*			var tempForm=document.getElementById("tempForm");
			for(var i=0;i<tempForm.elements.length;i++){
				var e=tempForm.elements[i];
				e.checked=this.checked;
			}	*/
			var checkboxs=document.getElementsByName("cb");
			for(var i=0;i<checkboxs.length;i++){
				var e=checkboxs[i];
				e.checked=this.checked;
			}
	}
	}
	</script>
	<style type="text/csss">
		
	</style>
</head>

<body>
<form id="tempForm" name="tempForm" method="post" action="">
    博客全选
    <input type="checkbox" name="allBlogs" id="allBlogs" />
    <br />
    <hr />
    
    <p>1.JavaEye      
        <input type="checkbox" name="cb" id="checkbox2" />
        <br />
        2.优快云    
        <input type="checkbox" name="cb" id="checkbox3" />
        <br />
        3.BlogCN
        <input type="checkbox" name="cb" id="checkbox4" />
        <br />
        4.QQBlog
        <input type="checkbox" name="cb" id="checkbox5" />
    </p>
</form>






</body>

</html>