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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
通过修改referer下载文件的方法
May 11 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
Dec 09 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
Jul 19 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采集相关教程之一 CURL函数库
2010/02/15 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
php环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
javascript 简单抽屉效果的实现代码
2010/03/09 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
Javascript继承机制详解
2017/05/30 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
在django中使用apscheduler 执行计划任务的实现方法
2020/02/11 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
应用化学专业职业生涯规划书
2014/01/22 职场文书
机关作风建设自查报告
2014/10/22 职场文书
2014年医院科室工作总结
2014/12/20 职场文书
责任书范本大全
2015/05/11 职场文书
篮球赛新闻稿
2015/07/17 职场文书