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 相关文章推荐
window.navigate 与 window.location.href 的使用区别介绍
Sep 21 Javascript
js螺旋动画效果的具体实例
Nov 15 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
vue 中filter的多种用法
Apr 26 Javascript
微信小程序登录session的使用
Mar 17 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
May 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
Windows下的PHP5.0详解
2006/11/18 PHP
快速开发一个PHP扩展图文教程
2008/12/12 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
实现图片预加载的三大方法及优缺点分析
2014/11/19 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
Vue实现textarea固定输入行数与添加下划线样式的思路详解
2018/06/28 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
Python模块WSGI使用详解
2018/02/02 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
对python模块中多个类的用法详解
2019/01/10 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
PyQt5结合matplotlib绘图的实现示例
2020/09/15 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
C有"按引用传递"吗
2016/09/06 面试题
如何从一个文件档案的尾端新增记录
2016/12/02 面试题
计算机专业个人简短的自我评价
2013/10/23 职场文书
中式结婚主持词
2014/03/14 职场文书
食堂标语大全
2014/06/11 职场文书
公司离职证明标准范本
2014/10/05 职场文书
用python实现监控视频人数统计
2021/05/21 Python
Win10系统下配置Java环境变量
2021/06/13 Java/Android
Vue+Flask实现图片传输功能
2022/04/01 Vue.js