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 的一个progressbar widge
Oct 29 Javascript
javascript 主动派发事件总结
Aug 09 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
Jun 24 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
vue前端工程的搭建
Mar 31 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
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP版本如何选择?应该使用哪个版本?
2015/05/13 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
js Date()日期函数浏览器兼容问题解决方法
2017/09/12 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
2020/05/27 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
python中返回矩阵的行列方法
2018/04/04 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
python3.7简单的爬虫实例详解
2019/07/08 Python
Python制作词云图代码实例
2019/09/09 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
介绍一下Linux中的链接
2016/06/05 面试题
村干部培训班主持词
2014/03/28 职场文书
《将心比心》教学反思
2014/04/08 职场文书
房地产公司见习自我鉴定
2014/04/28 职场文书
汽车维修求职信
2014/06/15 职场文书
欢迎领导检查标语
2014/06/27 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
天坛导游词
2015/02/02 职场文书
django上传文件的三种方式
2021/04/29 Python