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 相关文章推荐
JQuery团队打造的javascript单元测试工具QUnit介绍
Feb 26 Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
js+html实现点名系统功能
Nov 05 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 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
19个Android常用工具类汇总
2014/12/30 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
jquery得到iframe src属性值的方法
2014/09/25 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
javascript实现随机读取数组的方法
2015/08/03 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
python实现telnet客户端的方法
2015/04/15 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
Python3使用Selenium获取session和token方法详解
2021/02/16 Python
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
高中自我评价分享
2013/12/05 职场文书
自我鉴定书
2014/03/24 职场文书
合同协议书格式
2014/04/18 职场文书
银行求职自荐信
2014/06/30 职场文书
2016年党支部公开承诺书
2016/03/25 职场文书
表扬信范文
2019/04/22 职场文书
2019同学聚会主持词
2019/05/06 职场文书
R9700摩机记
2022/04/05 无线电