全选全不选

竹坛净月

于 2021-09-26 14:04:10 发布

阅读量125

点赞数

分类专栏：前端文章标签： javascript html html5

本文链接：https://blog.youkuaiyun.com/qq_36325332/article/details/120487564

版权

前端专栏收录该内容

2 篇文章

订阅专栏

该段代码展示了如何使用JavaScript实现复选框全选和反选的功能。当点击'全选'链接时，所有名称为'strArray'的复选框会被选中；点击'不选'则取消所有选择。此功能常见于需要批量操作的网页场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function choose(value){
			var obj = document.getElementsByName("strArray");
			if(value == 1){
				for(var i=0; i<obj.length; i++){
					obj[i].checked=true;
				}
				document.getElementById("chooseId").innerHTML = "<a href=\"javascript:choose(0)\">不选</a>";
			}else{
				for(var i=0; i<obj.length; i++){
					obj[i].checked=false;
				}
				document.getElementById("chooseId").innerHTML = "<a href=\"javascript:choose(1)\">全选</a>";
			}
		}

	<td width="5%" id="chooseId">
	<a href="/" onclick="choose(1);return false;">全选</a>
	</td>

strArray 为根据id来全选的name属性名