Javascript 实例--全选反选

最新推荐文章于 2024-07-30 10:56:44 发布

iteye_19838

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量65

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_19838/article/details/82568381

版权

Javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<html>
<head></head>
<body>
<script>
for(var i=0; i<20; i++){
	document.write('<input type="checkbox" name="vol[]" />aaaa <br>');
	<!--使用[]可以将变量以数组的形式传递给后台-->
}
</script>
<br>
<br>
<a href="javascript:sall()">select all</a> 
<a href="javascript:nall()">not select all</a> 
<a href="javascript:fall()">select unselect</a> 
<br>
<br>
<label for="ss"><input id="ss" type="checkbox" onclick="selectall(this)">select all</input> </label>
<!--使用label for属性将label中的内容绑定到一起-->

<script>
var vols = document.getElementsByName('vol[]'); 

function sall(){	
	for(var i=0; i<vols.length; i++){
		vols[i].checked=true;
	}
}

function nall(){
	for(var i=0; i<vols.length; i++){
		vols[i].checked=false;
	}
}

function fall(){
	for(var i=0; i<vols.length; i++){
		vols[i].checked=!(vols[i].checked);
	}
}

function selectall(obj){
	for(var i=0; i<vols.length; i++){
		vols[i].checked=obj.checked;
	}
}

</script>


</body>
</html>

iteye_19838

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript 实例--全选反选

[code="html"]for(var i=0; ivar vols = document.getElementsByName('vol[]'); function sall(){ for(var i=0; i
复制链接

扫一扫

专栏目录