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 相关文章推荐
Array对象方法参考
Oct 03 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
node.js中的fs.readFile方法使用说明
Dec 15 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
详解JavaScript中数组的reduce方法
Dec 02 Javascript
JS中使用media实现响应式布局
Aug 04 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 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
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
PHP生成便于打印的网页
2006/10/09 PHP
别人整理的服务器变量:$_SERVER
2006/10/20 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
php中PDO方式实现数据库的增删改查
2015/05/17 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
Jquery实现简单的动画效果代码
2012/03/18 Javascript
javascript学习笔记(八) js内置对象
2012/06/19 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局
2016/03/05 DOTA
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python 调用Java实例详解
2017/06/02 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
python 读取、写入txt文件的示例
2020/09/27 Python
HTML5 Web缓存和运用程序缓存(cookie,session)
2018/01/11 HTML / CSS
煤矿安全生产责任书
2014/04/15 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
运动会通讯稿600字
2015/07/20 职场文书
2016年父亲节寄语
2015/12/04 职场文书
分享15个Webpack实用的插件!!!
2021/03/31 Javascript
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
Elasticsearch 索引操作和增删改查
2022/04/19 Python