Html select 批量选择

最新推荐文章于 2021-06-05 04:20:57 发布

鸭子

最新推荐文章于 2021-06-05 04:20:57 发布

阅读量1.7k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/li373990257/article/details/9448107

版权

HTML 专栏收录该内容

3 篇文章 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" οnclick="selectAll('select','id')">全选
		<input type="checkbox" name="noSelect" οnclick="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>

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();
				}
			}
			
		}






getElementById() 返回对拥有指定 id 的第一个对象的引用。

getElementsByName() 返回带有指定名称的对象集合。

鸭子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html select 批量选择

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)
复制链接

扫一扫