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同时按下两个方向键
Dec 01 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
Nov 26 Javascript
javascript使用appendChild追加节点实例
Jan 12 Javascript
JavaScript基于原型链的继承
Jun 22 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
Map.vue基于百度地图组件重构笔记分享
Apr 17 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
全面分析JavaScript 继承
May 30 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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中多维数组按指定value排序的实现代码
2014/08/19 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
js charAt的使用示例
2014/02/18 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
python计算圆周率pi的方法
2015/07/11 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
python2.7无法使用pip的解决方法(安装easy_install)
2018/04/03 Python
Python 判断奇数偶数的方法
2018/12/20 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
django中related_name的用法说明
2020/05/20 Python
Django中FilePathField字段的用法
2020/05/21 Python
荷兰鞋类购物网站:Donelli
2019/05/24 全球购物
如何将整数int转换成字串String
2014/03/21 面试题
营业员个人总结的自我评价
2013/10/25 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
大学生新学期计划书
2014/04/28 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
2014五年级班主任工作总结
2014/12/05 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python