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 相关文章推荐
json简单介绍
Jun 10 Javascript
javascript 设置文本框中焦点的位置
Nov 20 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
jquery图形密码实现方法
Mar 11 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
node中的session的具体使用
Sep 14 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 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递归创建和删除文件夹的代码小结
2012/04/13 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
自制PHP框架之设计模式
2017/05/07 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
js实现单击图片放大图片的方法
2015/02/17 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
js+css3制作时钟特效
2016/10/16 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
Python sys.path详细介绍
2013/10/17 Python
python计算N天之后日期的方法
2015/03/31 Python
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
python实现换位加密算法的示例
2018/10/14 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python DataFrame使用drop_duplicates()函数去重(保留重复值,取重复值)
2020/07/20 Python
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
大学毕业生个人自荐书
2014/07/02 职场文书
小学生植树节活动总结
2014/07/04 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
委托证明范本
2014/11/25 职场文书
客户答谢会致辞
2015/01/20 职场文书
自愿离婚协议书2015
2015/01/26 职场文书
学校计划生育责任书
2015/05/09 职场文书
校长新学期致辞
2015/07/30 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS