jQuery实现checkbox反选(转载)

Posted 2020-06-10

1. //反选  
2.   
3.       $("#btnInvert").click(function () {  
4.   
5.         //1.方法一实现反选                     
6.   
7.           $("#chk input:checkbox").each(function () {  
8.   
9.             this.checked = !this.checked;  
10.   
11.          })  
12.   
13.          //2.方法二实现反选                  
14.   
15.           //  $("#chk input:checkbox").each(function (){                  
16.   
17.         //      if ($(this).attr("checked")) {                  
18.   
19.         //         $(this).attr("checked", false);                  
20.   
21.         //      }                  
22.   
23.         //      else {                  
24.   
25.         //         $(this).attr("checked", "checked");                  
26.   
27.         //      }                  
28.   
29.         //   })                  
30.   
31.         //3.方法三实现反选   
32.   
33.          //  var $cks = $("#chk input:checkbox");  
34.   
35.         //  for (var i = 0; i < $cks.length; i++) {  
36.   
37.         //     $cks.get(i).checked = !$cks.get(i).checked;  
38.   
39.         //  }  
40.   
41.     });