jquery復(fù)選框全選/取消示例
功能:
a:實(shí)現(xiàn)點(diǎn)擊復(fù)選框的時(shí)候全選所有的子復(fù)選框,再點(diǎn)擊取消所有復(fù)選框的選中狀態(tài)
b:有一個(gè)子復(fù)選框選中則父復(fù)選框選中 所有子復(fù)選框都不選中則父復(fù)選框不選中
/**
* 全選函數(shù)
* @param mainId 主復(fù)選框id
* @param klass 下屬?gòu)?fù)選框的class
*/
function selectAll(mainId,klass){
$("." + klass).each(function(){
if($("#" + mainId).attr("checked")== "checked"){
$(this).attr("checked", "checked");
}
else{
$(this).removeAttr("checked");
}
});
}
以上實(shí)現(xiàn)全選及全部取消 所有子復(fù)選框,至于數(shù)據(jù)的實(shí)現(xiàn)則在控制器里接收到復(fù)選框的數(shù)組即可
/**
* 子復(fù)選框有一個(gè)選中 父復(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("至少有一個(gè)子復(fù)選框選中!");
}else{
$("#"+father).removeAttr("checked");
// console.log("所有子復(fù)選框都未選中!");
}
});
};
以上實(shí)現(xiàn) 一個(gè)子復(fù)選框選中則父復(fù)選框選中 所有子復(fù)選框都不選中則父復(fù)選框不選中
- bootstrap+jQuery 實(shí)現(xiàn)下拉菜單中復(fù)選框全選和全不選效果
- JQuery實(shí)現(xiàn)列表中復(fù)選框全選反選功能封裝(推薦)
- jQuery對(duì)checkbox 復(fù)選框的全選全不選反選的操作
- js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法
- jQuery實(shí)現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- JQuery復(fù)選框全選效果如何實(shí)現(xiàn)
相關(guān)文章
jQuery與getJson結(jié)合的用法實(shí)例
這篇文章主要介紹了jQuery與getJson結(jié)合的用法,實(shí)例分析了jquery解析json數(shù)據(jù)及數(shù)組遍歷的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)長(zhǎng)文字部分顯示代碼
在網(wǎng)頁(yè)上只有一個(gè)小區(qū)域,但是說(shuō)明性的文字又很長(zhǎng),下面這段腳本實(shí)現(xiàn)的是長(zhǎng)文字的部分顯示,有類(lèi)似需求的朋友可以參考下哈,希望對(duì)你有所幫助2013-05-05兩種方法基于jQuery實(shí)現(xiàn)IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實(shí)現(xiàn)IE瀏覽器兼容placeholder效果,需要的朋友可以參考下2014-10-10基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能的相關(guān)資料,需要的朋友可以參考下2016-08-08jquery使用canvas標(biāo)簽繪制驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了Jquery中用canvas標(biāo)簽繪制驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)花式輪播之圣誕節(jié)禮物傳送效果,需要的朋友可以參考下2016-12-12jquery attr 設(shè)定src中含有&(宏)符號(hào)問(wèn)題的解決方法
今天在用 jquery 的attr 方法設(shè)定 iframe的src屬性的時(shí)候遇到了一個(gè)奇怪的為題,現(xiàn)在把問(wèn)題及解決方面寫(xiě)出來(lái),讓遇到同樣問(wèn)題的人不要在走彎路。2011-07-07