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; // } });})