美文网首页
checkbox全选

checkbox全选

作者: Aaether | 来源:发表于2018-03-02 17:47 被阅读0次

$(".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属性

相关文章

网友评论

      本文标题:checkbox全选

      本文链接:https://www.haomeiwen.com/subject/drzaxftx.html