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

来源:互联网 发布:淘宝美工要求 编辑:程序博客网 时间:2024/06/08 08:02
$(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;        //  }    });})