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 26 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
详解Vue.js 响应接口
Jul 04 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
2015/07/21 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
2019/12/07 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
谈一谈vue请求数据放在created好还是mounted里好
2020/07/27 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
Python中http请求方法库汇总
2016/01/06 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
django 微信网页授权登陆的实现
2019/07/30 Python
python文件读写代码实例
2019/10/21 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
如何查找网页漏洞
2016/06/22 面试题
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
2014年教学工作总结
2014/11/13 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js