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

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

WBOY
發布: 2016-05-16 16:50:30
原創
1081 人瀏覽過

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

全選:$(":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);
}
});
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板