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 相关文章推荐
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
常用的JavaScript模板引擎介绍
Feb 28 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
js实现图片粘贴到网页
Dec 06 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
3种平台下安装php4经验点滴
2006/10/09 PHP
Windows下的PHP 5.3.x安装 Zend Guard Loader教程
2014/09/06 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
javascript实现加载xml文件的方法
2015/11/24 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
图文介绍Vue父组件向子组件传值
2018/02/17 Javascript
Angular事件之不同组件间传递数据的方法
2018/11/15 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
python3 re返回形式总结
2020/11/20 Python
matplotlib绘制鼠标的十字光标的实现(内置方式)
2021/01/06 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
COS美国官网:知名服装品牌
2019/04/08 全球购物
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
中文专业求职信
2014/06/20 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python
浅谈Python魔法方法
2021/06/28 Java/Android
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB
详解Vue3使用axios的配置教程
2022/04/29 Vue.js