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實現IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實現IE瀏覽器兼容placeholder效果,需要的朋友可以參考下2014-10-10jquery attr 設定src中含有&(宏)符號問題的解決方法
今天在用 jquery 的attr 方法設定 iframe的src屬性的時候遇到了一個奇怪的為題,現在把問題及解決方面寫出來,讓遇到同樣問題的人不要在走彎路。2011-07-07