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 相关文章推荐
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
BootStrap制作导航条实例代码
May 06 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
详解Angular操作cookies方法
Jun 01 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 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
在线竞拍系统的PHP实现框架(一)
2006/10/09 PHP
PHP 用数组降低程序的时间复杂度
2009/12/04 PHP
PHP反射学习入门示例
2019/06/14 PHP
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
原生JavaScript+LESS实现瀑布流
2014/12/12 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
2020/06/05 Javascript
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
python对象与json相互转换的方法
2019/05/07 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
pyqt 实现在Widgets中显示图片和文字的方法
2019/06/13 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
python-numpy-指数分布实例详解
2019/12/07 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
如何理解委托
2012/01/06 面试题
大学生个人简历中的自我评价
2013/12/27 职场文书
质量月活动策划方案
2014/03/10 职场文书
法人授权委托书格式
2014/04/08 职场文书
移风易俗倡议书
2014/04/15 职场文书
初中生期末评语大全
2014/04/24 职场文书
小学优秀班主任事迹材料
2014/05/17 职场文书
股东出资证明书范例
2014/10/04 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python