js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项 

  1. 　　// 一,判断选中
    　　//     js
  2.     var ischecked2 = function(){
  3.         // this.checked == true
  4.         $(document.getElementsByTagName("input")).each(function(i){
  5.             if(this.checked == true){
  6.                 console.log(this.getAttribute(\'name\'));
  7.             }
  8.         })
  9.     }
  10.     
  11.     // jquery
  12.     var ischecked1 = function(){
  13.         // 方法1,$(this).is(\':checked\')
  14.         $("input[type=\'checkbox\']").each(function(i){
  15.             if($(this).is(\':checked\') == true){
  16.                 console.log($(this).attr("name"));
  17.             }
  18.         });
  19.         // 方法2.$(this).get(0).checked
  20.         $("input[type=\'checkbox\']").each(function(i){
  21.             if($(this).get(0).checked == true){
  22.                 console.log($(this).attr("name"));
  23.             }
  24.         });
  25.         // 方法3.$(this).prop(\'checked\')
  26.         $("input[type=\'checkbox\']").each(function(i){
  27.             if($(this).prop(\'checked\')){
  28.                 console.log($(this).attr("name"));
  29.             }
  30.         });
  31.         
  32.     }
  33.     
  34.     
  35.     
  36.     
  37.     
  38.     // 二,全选
  39.     // jquery
  40.     var selectAll1 = function(){
  41. //        $("[type=\'checkbox\']").prop("checked",true); // 方法1
  42.         $("[type=\'checkbox\']").prop("checked","checked"); // 方法2
  43.     }
  44.     // js
  45.     var selectAll2 = function(){
  46.         $(document.getElementsByTagName("input")).each(function(i){
  47.             this.checked = true;
  48.         }) 
  49.     }
  50.     
  51.     // 三,取消全选
  52.     // jquery
  53.     var selectNone1 = function(){
  54. //        $("[type=\'checkbox\']").prop("checked",false); // 方法1
  55.         $("[type=\'checkbox\']").prop("checked",""); // 方法2
  56.     }
  57.     // js
  58.     var selectNone2 = function(){
  59.         $(document.getElementsByTagName("input")).each(function(i){
  60.             this.checked = false;
  61.         })
  62.     }
  63.     
  64.     // 四,反选
  65.     // jquery
  66.     var inverse1 = function(){
  67.         $("[type=\'checkbox\']").each(function () {
  68.             $(this).prop("checked", !$(this).prop("checked"));
  69.         });
  70.     }
  71.     // js
  72.     var inverse2 = function(){
  73.         $(document.getElementsByTagName("input")).each(function(i){
  74.             this.checked = !this.checked;
  75.         })
  76.     }
  77.     
  78.     // 五,jquery 选中所有奇数 (index从0开始)
  79.     var odd1 = function(){
  80.         selectNone1();
  81.         $("[type=\'checkbox\']:odd").prop("checked",\'true\');
  82.     }
  83.     
  84.     // 六,jquery 选中所有偶数 (index从0开始)
  85.     var even1 = function(){
  86.         selectNone1();
  87.         $("[type=\'checkbox\']:even").prop("checked",\'true\');
  88.     }

 备注:在jQuery 1.6中，.attr()方法查询那些没有设置的属性，则会返回一个undefined。如果你要去恢复或者改变DOM状态值,类似checked，selected，disabled等表单元素的状态，最好使用.prop()方法。

版权声明：本文为ooo0原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/ooo0/p/6289391.html