jQuery實現(xiàn)checkbox全選的方法
本文實例講述了jQuery實現(xiàn)checkbox全選的方法。分享給大家供大家參考。具體分析如下:
通過checkbox 進行全選和取消全選的操作,如果通過toggle進行處理,則會出現(xiàn)checkbox無法顯示對勾的問題。
使用click事件,根據(jù)checked屬性進行判斷即可。
示例:
$("#chkRreviewOffline").click(function(){
if(this.checked){
$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){
this.checked=true;
});
}else{
$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){
this.checked=false;
});
}
});
$('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){
$(this).click(function(){
if(this.checked){
//console.log('checked');
}else{
//console.log('not checked');
$("#chkRreviewOffline").get(0).checked=false;
}
});
});
其中,下面的each()方法用于當頁面其它的checkbox有未選中狀態(tài),則全選狀態(tài)取消。
希望本文所述對大家的jQuery程序設計有所幫助。
- jQuery實現(xiàn)CheckBox全選、全不選功能
- jQuery Checkbox 全選 反選的簡單實例
- jQuery實現(xiàn)checkbox列表的全選、反選功能
- 基于jQuery的checkbox全選問題分析
- jQuery對checkbox 復選框的全選全不選反選的操作
- JQuery選中checkbox方法代碼實例(全選、反選、全不選)
- Jquery 實現(xiàn)checkbox全選方法
- jquery中checkbox全選失效的解決方法
- jquery操作checkbox實現(xiàn)全選和取消全選
- jquery、js操作checkbox全選反選
- jq checkbox 的全選并ajax傳參的實例
相關(guān)文章
jquery實現(xiàn)可自動收縮的TAB網(wǎng)頁選項卡代碼
這篇文章主要介紹了jquery實現(xiàn)可自動收縮的TAB網(wǎng)頁選項卡代碼,涉及jquery鼠標事件及頁面元素樣式變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jquery實現(xiàn)的用戶注冊表單提示操作效果代碼分享
這篇文章主要介紹了jquery實現(xiàn)的用戶注冊表單提示操作效果,推薦給大家,有需要的小伙伴可以參考下。2015-08-08
基于zepto的移動端輕量級日期插件--date_picker
這篇文章主要介紹了基于zepto的移動端輕量級日期插件--date_picker,需要的朋友可以參考下2016-03-03
jQuery實現(xiàn)可編輯表格并生成json結(jié)果(實例代碼)
這篇文章主要介紹了 jquery實現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實現(xiàn),簡化了后臺代碼邏輯,非常不錯,具有參考借鑒加載,需要的朋友可以參考下2017-07-07
基于jquery實現(xiàn)一個滾動的分步注冊向?qū)?附源碼
使用jQuery實現(xiàn)很多很有意思的應用效果。我們在很多網(wǎng)站注冊會員時,需要填寫注冊表單,包括登錄信息、個人聯(lián)系信息等,本文將帶您一起體驗jQuery實現(xiàn)的一個可以滾動的十分友好的分步注冊向?qū)?,需要的朋友可以參考?/div> 2015-08-08最新評論

