首頁 > web前端 > js教程 > jquery複選框全選/取消範例_jquery

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

WBOY
發布: 2016-05-16 17:05:58
原創
871 人瀏覽過

功能:

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("所有子複選框都未選取!");  }
 });};

以上實現 一個子複選框選中則父複選框選中 所有子復選框都不選中則父複選框不選中
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板