jquery復(fù)選框全選/取消示例
功能:
a:實現(xiàn)點擊復(fù)選框的時候全選所有的子復(fù)選框,再點擊取消所有復(fù)選框的選中狀態(tài)
b:有一個子復(fù)選框選中則父復(fù)選框選中 所有子復(fù)選框都不選中則父復(fù)選框不選中
/**
* 全選函數(shù)
* @param mainId 主復(fù)選框id
* @param klass 下屬復(fù)選框的class
*/
function selectAll(mainId,klass){
$("." + klass).each(function(){
if($("#" + mainId).attr("checked")== "checked"){
$(this).attr("checked", "checked");
}
else{
$(this).removeAttr("checked");
}
});
}
以上實現(xiàn)全選及全部取消 所有子復(fù)選框,至于數(shù)據(jù)的實現(xiàn)則在控制器里接收到復(fù)選框的數(shù)組即可
/**
* 子復(fù)選框有一個選中 父復(fù)選框就選中 <br>子復(fù)選框全不選 父復(fù)選框不選中
* @param father 父復(fù)選框的id
* @param son 子復(fù)選框的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("至少有一個子復(fù)選框選中!");
}else{
$("#"+father).removeAttr("checked");
// console.log("所有子復(fù)選框都未選中!");
}
});
};
以上實現(xiàn) 一個子復(fù)選框選中則父復(fù)選框選中 所有子復(fù)選框都不選中則父復(fù)選框不選中
相關(guān)文章
兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果,需要的朋友可以參考下2014-10-10基于jQuery實現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實現(xiàn)表格內(nèi)容的篩選功能的相關(guān)資料,需要的朋友可以參考下2016-08-08jQuery實現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12jquery attr 設(shè)定src中含有&(宏)符號問題的解決方法
今天在用 jquery 的attr 方法設(shè)定 iframe的src屬性的時候遇到了一個奇怪的為題,現(xiàn)在把問題及解決方面寫出來,讓遇到同樣問題的人不要在走彎路。2011-07-07