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解析json數據及數組遍歷的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery中:hidden選擇器用法,以實例形式較為詳細的分析了:hidden選擇器的功能、定義及設置匹配元素不可見時的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
在網頁上只有一個小區(qū)域，但是說明性的文字又很長，下面這段腳本實現的是長文字的部分顯示，有類似需求的朋友可以參考下哈，希望對你有所幫助2013-05-05
兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了基于jQuery實現表格內容的篩選功能的相關資料,需要的朋友可以參考下2016-08-08
ImgAreaSelect是一jQuery插件，它支持用戶通過鼠標拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個選擇圖像區(qū)域的基礎上應用網站的其他一些技術，比如圖片拖曳、圖片編輯等。2011-10-10
這篇文章主要為大家詳細介紹了Jquery中用canvas標簽繪制驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了jQuery實現花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12
jquery attr 設定src中含有&（宏）符號問題的解決方法
今天在用 jquery 的attr 方法設定 iframe的src屬性的時候遇到了一個奇怪的為題，現在把問題及解決方面寫出來，讓遇到同樣問題的人不要在走彎路。2011-07-07
本篇文章主要是對jquery取消選擇select下拉框示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02