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进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
Node.js 学习笔记之简介、安装及配置
Mar 03 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
Jun 11 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
JavaScript canvas绘制折线图
Feb 18 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
Vue——前端生成二维码的示例
Dec 19 Vue.js
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
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
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
2017/07/13 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
nodejs中sleep功能实现暂停几秒的方法
2017/07/12 NodeJs
简单介绍react redux的中间件的使用
2018/04/06 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
Python单例模式实例详解
2017/03/01 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
python支持多继承吗
2020/06/19 Python
Python实现粒子群算法的示例
2021/02/14 Python
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
培训讲师邀请函
2014/01/10 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
合作意向书
2014/07/30 职场文书
会计人员演讲稿
2014/09/11 职场文书
2015年圣诞节寄语
2015/08/17 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis