checkbox全选/全不选

<!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>

你可能感兴趣的:(html,XHTML)