两种不同的方法实现js对checkbox进行全选和反选


Posted in Javascript onMay 13, 2014

通过两种不同的方法实现用js来对checkbox进行全选和反选:

方法一:

1:js实现checkbox的 全选 功能:

function checkAll() 
{ 
var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 
{ 
code_Values[i].checked = true; 
} 
} 
}

2:js实现checkbox的 反选 功能:
function uncheckAll() 
{ 
var code_Values = document.getElementsByTagName("input"); 
for(i = 0;i < code_Values.length;i++){ 
if(code_Values[i].type == "checkbox") 
{ 
code_Values[i].checked = false; 
} 
} 
}
Javascript 相关文章推荐
百度地图api应用标注地理位置信息(js版)
Feb 01 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
js实现可控制左右方向的无缝滚动效果
May 29 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
js浏览器本地存储store.js介绍及应用
May 13 #Javascript
js 获取时间间隔实现代码
May 12 #Javascript
Jquery跳到页面指定位置的方法
May 12 #Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 #Javascript
JS版的date函数(和PHP的date函数一样)
May 12 #Javascript
七个很有意思的PHP函数
May 12 #Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 #Javascript
You might like
PHP生成静态页面详解
2006/12/05 PHP
Windows下php+mysql5.7配置教程
2017/05/16 PHP
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
JS+CSS实现分类动态选择及移动功能效果代码
2015/10/19 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
2016/05/13 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
VUE中使用Vue-resource完成交互
2017/07/21 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
numpy添加新的维度:newaxis的方法
2018/08/02 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
python dict乱码如何解决
2020/06/07 Python
python之随机数函数的实现示例
2020/12/30 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
CSS3制作气泡对话框的实例教程
2016/05/10 HTML / CSS
加拿大票务网站:Ticketmaster加拿大
2017/07/17 全球购物
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
资源环境与城市管理专业推荐信
2013/11/30 职场文书
《我要的是葫芦》教学反思
2014/02/23 职场文书
世界遗产的导游词
2015/02/13 职场文书
公司禁烟通知
2015/04/23 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
辩论赛主持人开场白
2015/05/29 职场文书
vue 自定义组件添加原生事件
2022/04/21 Vue.js
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript