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 相关文章推荐
关于IFRAME 自适应高度的研究
Jul 20 Javascript
javascript attachEvent和addEventListener使用方法
Mar 19 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
vue.js的提示组件
Mar 02 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
javascript设计模式 ? 代理模式原理与用法实例分析
Apr 16 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 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
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
对table和ul实现js分页示例分享
2014/02/24 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
详解vue 不同环境配置不同的打包命令
2019/04/07 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
JS PHP字符串截取函数实现原理解析
2020/08/29 Javascript
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
[01:01:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第一场 3月4日
2021/03/11 DOTA
Python对列表排序的方法实例分析
2015/05/16 Python
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
python Django 创建应用过程图示详解
2019/07/29 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
在Ajax应用中信息是如何在浏览器和服务器之间传递的
2016/05/31 面试题
教师岗位职责范本
2013/12/29 职场文书
晚会主持词开场白
2014/03/17 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
会计求职信范文
2014/05/24 职场文书
电子商务专业应届生求职信
2014/05/28 职场文书