Js 实现一组checkBox全选、不选、反选功能

最新推荐文章于 2024-06-07 22:01:55 发布

zhengxue_er

最新推荐文章于 2024-06-07 22:01:55 发布

阅读量947

点赞数 1

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

本文链接：https://blog.csdn.net/qq_38177305/article/details/78525471

版权

本文介绍了如何使用JavaScript实现一组checkbox的全选、不选和反选功能。通过window.onload确保元素加载后，使用getElementById和getElementsByTagName方法获取元素，通过设置checked属性实现各功能。详细代码见内容。

摘要由CSDN通过智能技术生成

网页上的快捷按钮，可以实现一组checkbox的全选、不选、反选效果。那么这个效果是怎么实现的呢。下面就上代码看看吧！
1.首先创建一个简易的包含按妞和复选框的HTML页面：

<body>
		<input id="btn1" type="button"  value="全选" />
		<input id="btn2" type="button"  value="不选" />
		<input id="btn3" type="button"  value="反选" /><br />
		<div id="div">
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			<input type="checkbox" /><br />
			&l

最低0.47元/天解锁文章

zhengxue_er

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Js 实现一组checkBox全选、不选、反选功能

网页上的快捷按钮，可以实现一组checkbox的全选、不选、反选效果。那么这个效果是怎么实现的呢。下面就上代码看看吧！ 1.首先创建一个简易的包含按妞和复选框的HTML页面：<body> <input id="btn1" type="button" value="全选" /> <input id="btn2" type="button"
复制链接

扫一扫