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 相关文章推荐
JQuery实现的在新窗口打开链接的方法小结
Apr 22 Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
Angular 4.0学习教程之架构详解
Sep 12 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
PHP 网页过期时间的控制代码
2009/06/29 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP面向对象教程之自定义类
2014/06/10 PHP
Linux下快速搭建php开发环境
2017/03/13 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
JavaScript基本对象
2007/01/11 Javascript
很全的显示阴历(农历)日期的js代码
2009/01/01 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
javascript date格式化示例
2013/09/25 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
使用JQuery FancyBox插件实现图片展示特效
2015/11/16 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
深入理解Python对Json的解析
2017/02/14 Python
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
树莓派实现移动拍照
2019/06/22 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
英文演讲稿开场白
2014/08/25 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
紧急通知
2015/04/17 职场文书
西游记读书笔记
2015/06/25 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
高中班主任寄语
2019/06/21 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
Django rest framework如何自定义用户表
2021/06/09 Python