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 纯数字不重复排列的另类方法
Jul 17 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
JQuery中$.ajax()方法参数详解及应用
Dec 12 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
JavaScript浏览器对象之一Window对象详解
Jun 03 Javascript
jQuery、zepto、js常用小技巧
Feb 12 Javascript
Angular.JS中select下拉框设置value的方法
Jun 20 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 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防止sql注入之过滤分页参数实例
2014/11/03 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
AngularJS实现表单手动验证和表单自动验证
2015/12/09 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
js实现无缝滚动图
2017/02/22 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
[51:32]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python中的二维列表实例详解
2018/06/19 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
Python八皇后问题解答过程详解
2019/07/29 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
美国渔具店:FishUSA
2019/08/07 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
机械制造专业个人的自我评价
2013/12/28 职场文书
4s店活动策划方案
2014/08/25 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
初中家长评语大全
2014/12/26 职场文书
爱的教育读书笔记
2015/06/26 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
学校运动会开幕词
2016/03/03 职场文书