两种不同的方法实现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 相关文章推荐
JS backgroundImage控制
May 19 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
vue.js $refs和$emit 父子组件交互的方法
Dec 20 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
Aug 12 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
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面试题集锦
2012/03/08 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
js 数组操作代码集锦
2009/04/28 Javascript
JavaScript类库D
2010/10/24 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
解决vue 打包发布去#和页面空白的问题
2018/09/04 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
javascript实现fetch请求返回的统一拦截
2019/12/22 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
Python实现简易Web爬虫详解
2018/01/03 Python
python的pandas工具包,保存.csv文件时不要表头的实例
2018/06/14 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
win10环境下配置vscode python开发环境的教程详解
2019/10/16 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
python实现门限回归方式
2020/02/29 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
学习张丽丽心得体会
2014/09/03 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
小班上学期个人总结
2015/02/12 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle