jquery操作checkbox實現(xiàn)全選和取消全選
更新時間：2014年05月02日 10:06:37 作者：
這篇文章主要介紹了jquery操作checkbox實現(xiàn)全選和取消全選,需要的朋友可以參考下
今天這樣寫了一個全選和取消全選的功能：
全選：$(":checkbox").attr("checked","checked");
取消全選：$(":checkbox").removeAttr("checked");
獲取選中的：$(":checked[checked='checked']")
發(fā)現(xiàn)點全選可以，在點取消全選也可以，獲取選中的失效，接下來再點任何按鈕都沒有效果了
這樣行不通，我也不太清楚什么原因，腳本語言就這毛病，一邊靈活一邊詭異，也不去找原因了，后來改成這樣寫
全選： $(":checkbox").prop("checked",true)
取消全選：$(":checkbox").prop("checked",false)
獲取選中的：$(":checkbox:checked")
反選：
$(":checkbox").each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});
全選：$(":checkbox").attr("checked","checked");
取消全選：$(":checkbox").removeAttr("checked");
獲取選中的：$(":checked[checked='checked']")
發(fā)現(xiàn)點全選可以，在點取消全選也可以，獲取選中的失效，接下來再點任何按鈕都沒有效果了
這樣行不通，我也不太清楚什么原因，腳本語言就這毛病，一邊靈活一邊詭異，也不去找原因了，后來改成這樣寫
全選： $(":checkbox").prop("checked",true)
取消全選：$(":checkbox").prop("checked",false)
獲取選中的：$(":checkbox:checked")
反選：
復(fù)制代碼 代碼如下:
$(":checkbox").each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});
您可能感興趣的文章:
- jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- 用JQuery實現(xiàn)全選與取消的兩種簡單方法
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實現(xiàn)代碼
- jquery復(fù)選框CHECKBOX全選、反選
- JQUERY CHECKBOX全選,取消全選,反選方法三
- jquery一鍵控制checkbox全選、反選或全不選
- 基于JQuery實現(xiàn)CheckBox全選全不選
- jquery實現(xiàn)全選功能
相關(guān)文章
基于jQuery的圖片大小自動適應(yīng)實現(xiàn)代碼
這個和以前弄的圖片遠處放大有許多相同的地方，比如圖片預(yù)加載、有限容器顯示無限大圖片。2010-11-11
這篇文章主要介紹了jQuery多級彈出菜單插件ZoneMenu的使用方法，有需要的小伙伴可以參考下2014-12-12
基于jQuery實現(xiàn)列表循環(huán)滾動小技巧(超簡單)
只要能夠不停地把第一個item移動到末尾，其余的自會往上填補空缺，填補的過程用動畫放慢些，就能有不斷滾動的視覺效果了，這種效果基于jquery怎么實現(xiàn)呢？下面小編給大家?guī)砹薺Query列表循環(huán)滾動效果的實現(xiàn)思路代碼，一起看看吧2021-08-08
這篇文章主要介紹了jquery實現(xiàn)的刪除數(shù)據(jù)記錄時的彈出提示效果,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了JQuery的Pager分頁器實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
利用filter函數(shù)可以從wrapper set中過濾符合條件的DOM元素，下面是其具體的用法，希望對大家有所幫助2014-05-05
這篇文章主要介紹了Jquery操作js數(shù)組及對象示例代碼,需要的朋友可以參考下2014-05-05
用jQuery寫的一個簡單的程序,用于入門練習(xí),發(fā)給大家,希望初學(xué)者有用.2009-07-07
解決jquery有正確返回值但不執(zhí)行success函數(shù)的問題
今天小編就為大家分享一篇解決jquery有正確返回值但不執(zhí)行success函數(shù)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了jquery-file-upload 文件上傳帶進度條效果，代碼分為html部分css部分和js部分，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-11-11