js实现全选反选不选功能代码详解


Posted in Javascript onApril 24, 2019

本文实例为大家分享了js实现全选反选不选功能的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
<meta charset='utf-8' />
<body>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='button' name='id' value='全选' onclick='return fun()' />
<input type='button' name='id' value='取消全选' onclick='return fan()' />
<input type='button' name='id' value='反选' onclick='return fans()' />
<script type="text/javascript">
function fun()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		a[i].checked=true;
	}
}
function fan()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		a[i].checked=false;
	}
}
function fans()
{
	var a=document.getElementsByName('id');
	for(var i=0;i<a.length;i++)
	{
		if(a[i].checked==true)
		{
			a[i].checked=false;	
		}
		else
		{
			a[i].checked=true;
		}
	}
}
</script>
</body>
</html>

js实现全选反选不选功能代码详解

js实现全选反选不选功能代码详解

Javascript 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
Mar 06 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 #Javascript
Vue源码解析之数据响应系统的使用
Apr 24 #Javascript
详解微信小程序文件下载--视频和图片
Apr 24 #Javascript
详解微信小程序之一键复制到剪切板
Apr 24 #Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 #Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 #Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 #Javascript
You might like
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
php获取服务器信息的实现代码
2013/02/04 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
JS延时器提示框的应用实例代码解析
2016/04/27 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
python实现五子棋小游戏
2020/03/25 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
python实现邮件自动发送
2019/08/10 Python
使用python实现对元素的长截图功能
2019/11/14 Python
Python读取表格类型文件代码实例
2020/02/17 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
python如何使用腾讯云发送短信
2020/09/17 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
成语的广告词
2014/03/19 职场文书
小学生环保标语
2014/06/13 职场文书
助残日活动总结
2014/08/27 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis