jquery 实现checkbox的全选 全不选 反选

$(function () {


    //全不选


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


        $("#chk input:checkbox").removeAttr("checked");


     });


    //全选


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


        $("#chk input:checkbox").attr("checked", "checked");


     });


     //反选


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


        //1.方法一实现反选                   


          $("#chk input:checkbox").each(function () {


            this.checked = !this.checked;


         })


         //2.方法二实现反选                


          //  $("#chk input:checkbox").each(function (){                


        //      if ($(this).attr("checked")) {                


        //         $(this).attr("checked", false);                


        //      }                


        //      else {                


        //         $(this).attr("checked", "checked");                


        //      }                


        //   })                


        //3.方法三实现反选 


         //  var $cks = $("#chk input:checkbox");


        //  for (var i = 0; i < $cks.length; i++) {


        //     $cks.get(i).checked = !$cks.get(i).checked;


        //  }


    });


})