checkbox全选

$(".allcheck").click(function(){ 

    if(this.checked){

    $("input[name='checkbox']").prop("checked",true);

      //$("input[name='checkbox']").attr("checked","checked");

    }

  else{

  $("input[name='checkbox']").prop("checked",false);

//$("input[name='checkbox']").removeAttr("checked");

  }

})

//当改变子选项时,需要判断子选项是否全部被选中,如果全部被选中,那么全选被选中;否则全选不被选中

        $("input[name='checkbox']").change(function(){

            if($("input[name='checkbox']:checked").length==$("input[name='checkbox']").length){

                $(".allcheck").prop("checked",true);

            }else{

              $(".allcheck").prop("checked",false);

            }

        });

prop与attr的区别  (所有值为boolean类型的属性都应该用prop)

prop处理HTML元素本身就带有的属性

attr处理自己定义的dom属性

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

推荐阅读更多精彩内容

  • 开开心心写程序,然后就掉进坑里面了。今天准备写一点web的代码,然后选择了jquery作为前端js框架。在实现ch...
    葉糖糖阅读 4,479评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 这节讲得相对比较基础的东西,高手请忽略。 首先新建一个GridviewAdapter继承BaseAdapter 需...
    洪生鹏阅读 9,117评论 10 26
  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 4,617评论 0 51
  • 第三讲作业: 1.以《三言两拍》中“二拍”的第一篇为标尺,确定出自己的阅读层次,并据此制定一个阅读套餐。(文言几...
    觉者行者阅读 1,872评论 2 0