前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript实现单击全选 ,再次点击取消全选

JavaScript实现单击全选 ,再次点击取消全选

作者头像
李文杨
发布2018-03-27 15:00:47
1.7K0
发布2018-03-27 15:00:47
举报
文章被收录于专栏:搞前端的李蚊子

以下为实现思路,已测试,供参考

代码语言:javascript
复制
var allSet = document.getElementById('allSet');//获取全选按钮元素
var a = allSet.Custom;//给全选按钮自定义属性
   a = 0;//自定义属性值为0
var input1 = all.getElementsByTagName('input');//获取all下的全部input标签;
//给全选按钮添加点击事件,进行判断;
 allSet.onclick = function() {
//如果a为0执行第一个for循环;
  if(a == 0) {
//循环遍历所有input标签;
   for(i = 0; i < input1.length; i++) {
//让input标签处于选中状态 (checked = true 选中),(checked = false  未选中);
    input1[i].checked = true;
//在这里将自定义属性的值变为1
    a = 1
   }
  }
//如果a为1执行下一个for循环,让input标签处于未选中状态
else{
   for(i = 0; i < input1.length; i++) {
    input1[i].checked = false;
    a = 0
   }
  }
 }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档