html代码

<input type="checkbox" id="all" />all</input>
<input type="checkbox" class="one" onClick="funSelOne(this)"/>aa</input>
<input type="checkbox" class="one" onClick="funSelOne(this)"/>aa</input>
<input type="checkbox" class="one" onClick="funSelOne(this)"/>aa</input>
<input type="checkbox" class="one" onClick="funSelOne(this)"/>aa</input>

js代码:

$("#all").click(function(){     #给全选按钮添加点击事件,实现全选或全不选功能
var xz = $(this).prop("checked");
var ck = $(".one").prop("checked",xz);
}) function funSelOne(){      #关联全选按钮与子按钮,当任意一个子按钮没被选中时,全选按钮不被选中,当所有按钮都选中时,全选按钮也被选中
var one=$(".one");
var all=$("#all")[0]
var selCount=0;
var unSelCount=0;
for(var i=0;i<one.length;i++){
if(one[i].checked==true){selCount++;}
if(one[i].checked==false){unSelCount++;}
if(selCount==one.length){$('#all').prop("checked",true);}
if(unSelCount>0){$('#all').prop("checked",false);}
}
}

参考:https://www.cnblogs.com/xiaofox0018/p/6243723.html

https://blog.csdn.net/liuhailiuhai12/article/details/53815039

最新文章

  1. CSS 3学习——animation动画
  2. DotNet隐藏敏感信息操作方法
  3. 一步一步打造自己的Android图片浏览器(原创)
  4. http://blog.csdn.net/jiazimo/article/details/17265061
  5. C#的Timer
  6. Windows下搭建MySql Master-Master Replication
  7. 导入showb时候出错--2015-12-4
  8. Yii 的AR单行数据自动缓存机制
  9. UltraChart画柱状图上面显示数值
  10. Linux计划任务(转载)
  11. HDU 1544 Palindromes(回文子串)
  12. Android在包名称更改项目
  13. iOS特性
  14. Oracle数据库中直方图对执行计划的影响
  15. Java基础类库简介
  16. React笔记:组件(3)
  17. 【CSS】按钮的禁用与可用 CSS Cursor 属性
  18. npm后台启动nuxt服务之 kill
  19. PHP反序列化漏洞
  20. 自动升级CentOS Python至官方最新版

热门文章

  1. 7.json&amp;pickle及软件目录结构规范
  2. STM32关于多线程运行的疑问
  3. log4j 日志文件(Day_19)
  4. redis 和 mysql 的主从复制
  5. 收购公司、孵化(产品)和被收购的20个短篇故事-BI产品的历史
  6. Qt 圆角按钮,面版自动布局
  7. [源码解析] 深度学习分布式训练框架 Horovod (1) --- 基础知识
  8. C ++变量,文字和常量
  9. 基于TensorRT优化的Machine Translation
  10. RGB Color Codes Chart