javascript实现checkbox全选的代码


Posted in Javascript onApril 30, 2015

代码:

function checkall(checkNames){
  var allBoxs = document.getElementsByName(checkNames);
  for(var i = 0 ;i<allBoxs.length;i++){
    if(allBoxs[i].type == 'checkbox'){
      if(allBoxs[i].checked==false){
        allBoxs[i].checked = true ;
      }else{
        allBoxs[i].checked = false ;
      }
    }
  }
}

使用方法①

<a href="" onclick="checkall('goods')">全选</a>

注意:'goods'是所有需要选中的checkbox的name

使用方法②

<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
  checkall('goods')
};
</script>

注意:'goods'是所有需要选中的checkbox的name

以上2种方法就是本文给大家总结的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。

Javascript 相关文章推荐
JavaScript的9个陷阱及评点分析
May 16 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
Nov 11 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
Nov 17 Javascript
Javascript中prototype与__proto__的关系详解
Mar 11 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
Mar 04 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 #Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 #Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
Apr 29 #Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 #Javascript
jQuery实现冻结表格行和列
Apr 29 #Javascript
Js实现无刷新删除内容
Apr 29 #Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 #Javascript
You might like
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
Jquery插件写法笔记整理
2012/09/06 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
React组件生命周期详解
2017/07/03 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
如何用input标签和jquery实现多图片的上传和回显功能
2018/05/16 jQuery
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
python中迭代器(iterator)用法实例分析
2015/04/29 Python
python多进程实现进程间通信实例
2017/11/24 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
介绍一下代理模式(Proxy)
2014/10/17 面试题
小学端午节活动方案
2014/03/13 职场文书
部门活动策划方案
2014/08/16 职场文书
村党建工作汇报材料
2014/11/02 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL