jquery複選框全選/取消範例_jquery

功能：

a:實現點擊複選框的時候全選所有的子複選框，再點擊取消所有複選框的選中狀態

b:有一個子複選框選中則父複選框選中 所有子復選框都不選中則父複選框不選中

複製程式碼 程式碼如下:

/**
 * 全選函數
 * @param mainId 主複選框id
 * @param klass 下屬複選框的class
 */


/**
 * 子複選框有一個選中父複選框就選中
子複選框全不選父複選框不選中
 * @param father 父複選框的id
 * @param son 子複選框的class
 */
*/ $("." klass).each(function(){
     if($("#" mainId).attr("checked")== "checked"){
      $(this).attr("checked", "checked");

     }    🎜> });

}

以上實現全選及全部取消 所有子複選框，至於數據的實現則在控制器裡接收到複選框的數組即可

複製程式碼

程式碼如下:


/***/


/***/
*/ $("." son).click(function(){
  if($(this).attr("checked")== "checked"){
$(this).addClass("checked");
  }else{
   $(this).removeClass("checked");
  }
 if($("." son). hasClass("checked")){
   $("#" father).attr("checked","checked");
//   console.log("至少有一個子複選框選取！" );
  }else{
   $("#" father).removeAttr("checked");
//   console.log("所有子複選框都未選取！");  }

 });};

以上實現 一個子複選框選中則父複選框選中 所有子復選框都不選中則父複選框不選中