這篇文章給大家分享的是有關(guān)javascrip和jquery如何實(shí)現(xiàn)checkbox全選的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
由于在asp.net下,服務(wù)器控件會(huì)將自動(dòng)生成ID和name屬性。所以用javascrip實(shí)現(xiàn)全選比較麻煩。
下面是代碼:
[javascript]
functionquanxuan(){
varobj=document.getElementById("btnSelectAll");
if(obj.value=="全選"){
$("input:checkbox")。attr("checked",true);//全部設(shè)置為選中
obj.value="取消"
}
else{
javascrip+jquery怎樣實(shí)現(xiàn)checkbox全選
$("input:checkbox")。attr("checked",false);//全部設(shè)置為未選中
obj.value="全選"
}
}
調(diào)用代碼:
[html]
當(dāng)然,筆者做法比較粗糙,筆者是將文檔內(nèi)的所有checkbox都選定了,如果想選定特定的checkbox,比如只是table中的復(fù)選框,可以通過(guò)jquery的選擇器進(jìn)行篩選。如:
[html]
$("table:checkbox")
感謝各位的閱讀!關(guān)于“javascrip和jquery如何實(shí)現(xiàn)checkbox全選”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!