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 left,right,mid函数
Jun 10 Javascript
基于JQuery制作的产品广告效果
Dec 08 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
浅谈javascript的原型继承
Jul 25 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
php中的MVC模式运用技巧
2007/05/03 PHP
PHP取得一个类的属性和方法的实现代码
2011/05/22 PHP
php中cookie实现二级域名可访问操作的方法
2014/11/11 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
Python爬取读者并制作成PDF
2015/03/10 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
详解Python打包分发工具setuptools
2019/08/05 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
详解Python中namedtuple的使用
2020/04/27 Python
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
测控技术与仪器个人求职信范文
2013/12/30 职场文书
高中军训感想300字
2014/03/04 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
2015年见习期工作总结
2014/12/12 职场文书
七个非常实用的Python工具包总结
2021/06/15 Python
python代码实现备忘录案例讲解
2021/07/26 Python
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server