checkbox全选

2018-03-02  本文已影响0人  Aaether

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

上一篇下一篇

猜你喜欢

热点阅读