DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery操作checkbox實現全選和取消全選
jquery操作checkbox實現全選和取消全選
編輯:JQuery特效代碼     
今天這樣寫了一個全選和取消全選的功能:

全選:$(":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);
}
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved