复选框全选 小记

复选框全选 

$("#checkAll").click(function() {

    $('input[name="child"]').prop("checked",this.checked);

       // 把父级的checked的属性传给子集

});

    var $child = $("input[name='child']");

     $child.click(function(){

                $("#checkAll").prop("checked",$child.length == $("input[name='child']:checked").length ? true : false);

               //判断子集复选框lenght的长度是否=子集以选中复选框的长度  是为true 不是为falsefalse

      });

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,257评论 0 42
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 3,352评论 0 1
  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 4,620评论 0 51
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,902评论 0 1
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,456评论 0 29