欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery復選框全選/取消示例

 更新時間:2013年12月30日 15:51:27   作者:  
jquery復選框全選/取消示例,實現點擊復選框的時候全選所有的子復選框,再點擊取消所有復選框的選中狀態(tài)

功能:

a:實現點擊復選框的時候全選所有的子復選框,再點擊取消所有復選框的選中狀態(tài)

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

復制代碼 代碼如下:

/**
 * 全選函數
 * @param mainId 主復選框id
 * @param klass 下屬復選框的class
 */
function selectAll(mainId,klass){
 $("." + klass).each(function(){
     if($("#" + mainId).attr("checked")== "checked"){
      $(this).attr("checked", "checked");
     }
     else{
      $(this).removeAttr("checked");
     }
 });
}

以上實現全選及全部取消 所有子復選框,至于數據的實現則在控制器里接收到復選框的數組即可

復制代碼 代碼如下:

/**
 * 子復選框有一個選中 父復選框就選中 <br>子復選框全不選 父復選框不選中
 * @param father 父復選框的id
 * @param son 子復選框的class
 */
function checkSonCheckBox(father,son){
 $("."+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("所有子復選框都未選中!");
  }
 });
};

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

相關文章

  • jQuery與getJson結合的用法實例

    jQuery與getJson結合的用法實例

    這篇文章主要介紹了jQuery與getJson結合的用法,實例分析了jquery解析json數據及數組遍歷的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • jQuery中:hidden選擇器用法實例

    jQuery中:hidden選擇器用法實例

    這篇文章主要介紹了jQuery中:hidden選擇器用法,以實例形式較為詳細的分析了:hidden選擇器的功能、定義及設置匹配元素不可見時的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
    2014-12-12
  • jQuery實現長文字部分顯示代碼

    jQuery實現長文字部分顯示代碼

    在網頁上只有一個小區(qū)域,但是說明性的文字又很長,下面這段腳本實現的是長文字的部分顯示,有類似需求的朋友可以參考下哈,希望對你有所幫助
    2013-05-05
  • 兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果

    兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果

    這篇文章主要介紹了兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果,需要的朋友可以參考下
    2014-10-10
  • 基于jQuery實現表格內容的篩選功能

    基于jQuery實現表格內容的篩選功能

    這篇文章主要介紹了基于jQuery實現表格內容的篩選功能的相關資料,需要的朋友可以參考下
    2016-08-08
  • imgAreaSelect 中文文檔幫助說明

    imgAreaSelect 中文文檔幫助說明

    ImgAreaSelect是一jQuery插件,它支持用戶通過鼠標拖曳選擇圖片的一部分,非常的fashion。另外,可以在這個選擇圖像區(qū)域的基礎上應用網站的其他一些技術,比如圖片拖曳、圖片編輯等。
    2011-10-10
  • jquery使用canvas標簽繪制驗證碼

    jquery使用canvas標簽繪制驗證碼

    這篇文章主要為大家詳細介紹了Jquery中用canvas標簽繪制驗證碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • jQuery實現花式輪播之圣誕節(jié)禮物傳送效果

    jQuery實現花式輪播之圣誕節(jié)禮物傳送效果

    這篇文章主要介紹了jQuery實現花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下
    2016-12-12
  • jquery attr 設定src中含有&(宏)符號問題的解決方法

    jquery attr 設定src中含有&(宏)符號問題的解決方法

    今天在用 jquery 的attr 方法設定 iframe的src屬性的時候遇到了一個奇怪的為題,現在把問題及解決方面寫出來,讓遇到同樣問題的人不要在走彎路。
    2011-07-07
  • jquery取消選擇select下拉框示例代碼

    jquery取消選擇select下拉框示例代碼

    本篇文章主要是對jquery取消選擇select下拉框示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02

最新評論