网站地图    收藏   

主页 > 前端 > css教程 >

Html select 批量选择 - html/css语言栏目:html.css -

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] headscriptfunction selectAll(box1,box2){var allBox = document.getElementsByName(box1);var id = document.getElementsByName(box2);for(var i=0;iid.length;i++){if(id[i].checked!=allBox[0]......

<head>
	<script>
		function selectAll(box1,box2){
			var allBox = document.getElementsByName(box1);
			var id = document.getElementsByName(box2);
			for(var i=0;i<id.length;i++){
				if(id[i].checked!=allBox[0].checked){
					id[i].click();
				}
			}
			
		}
	</script>
</head>
<html>
	<body>
		<input type="checkbox" name="select" onclick="selectAll('select','id')">全选
		<input type="checkbox" name="noSelect" onclick="selectNotAll('noSelect','id')">不全选
		<br>
		<input type="checkbox" name="id" value="1" />人文
		<input type="checkbox" name="id" value="2" />地理
		<input type="checkbox" name="id" value="3" />天文
		<input type="checkbox" name="id" value="4" />历史
	</body>
</html>
<PRE style="BACKGROUND-COLOR: rgb(240,240,240); MARGIN: 4px 0px" class=html name="code">function selectAll(box1,box2){
			var allBox = document.getElementsByName(box1);
			var id = document.getElementById(box2);
			for(var i=0;i<id.length;i++){
				if(id[i].checked!=allBox.checked){
					id[i].click();
				}
			}
			
		}</PRE><BR>
<PRE></PRE>
<P><BR>
</P>
<P>getElementById()<SPAN style="WHITE-SPACE: pre"> </SPAN>返回对拥有指定 id 的第一个对象的引用。<BR>
getElementsByName()<SPAN style="WHITE-SPACE: pre"> </SPAN>返回带有指定名称的对象集合。<BR>
</P>

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论