首頁 >web前端 >js教程 >jquery操作checkbox實現全選和取消全選_jquery

jquery操作checkbox實現全選和取消全選_jquery

WBOY
WBOY原創
2016-05-16 16:50:301076瀏覽

今天這樣寫了一個全選和取消全選的功能:

全選:$(":checkbox").attr("checked","checked");

取消全選:$(":checkbox").removeAttr("checked");

取得選取的:$(":checked[checked='checked']")

發現點全選可以,在點取消全選也可以,取得選取的失效,接下來再點任何按鈕都沒有效果了

這樣行不通,我也不太清楚什麼原因,腳本語言就這毛病,一邊靈活一邊詭異,也不去找原因了,後來改成這樣寫

全選: $(":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);
}
});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn