jquery操作checkbox實現全選和取消全選_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:22:18
jquery操作checkbox實現全選和取消全選_jquery
jquery操作checkbox實現全選和取消全選_jquery:今天這樣寫了一個全選和取消全選的功能: 全選:$(:checkbox).attr(checked,checked); 取消全選:$(:checkbox).removeAttr(checked); 獲取選中的:$(:checked[checked='checked']) 發現點全選可以,在點取消全選也可
導讀jquery操作checkbox實現全選和取消全選_jquery:今天這樣寫了一個全選和取消全選的功能: 全選:$(:checkbox).attr(checked,checked); 取消全選:$(:checkbox).removeAttr(checked); 獲取選中的:$(:checked[checked='checked']) 發現點全選可以,在點取消全選也可

今天這樣寫了一個全選和取消全選的功能:
全選:$(":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);
}
});
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery操作checkbox實現全選和取消全選_jquery
jquery操作checkbox實現全選和取消全選_jquery:今天這樣寫了一個全選和取消全選的功能: 全選:$(:checkbox).attr(checked,checked); 取消全選:$(:checkbox).removeAttr(checked); 獲取選中的:$(:checked[checked='checked']) 發現點全選可以,在點取消全選也可