快捷導(dǎo)航

jquery操作checkbox實(shí)現(xiàn)全選和取消全選

更新時(shí)間：2014年05月02日 10:06:37 作者：

這篇文章主要介紹了jquery操作checkbox實(shí)現(xiàn)全選和取消全選,需要的朋友可以參考下

今天這樣寫了一個(gè)全選和取消全選的功能：

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

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

獲取選中的：$(":checked[checked='checked']")

發(fā)現(xiàn)點(diǎn)全選可以，在點(diǎn)取消全選也可以，獲取選中的失效，接下來再點(diǎn)任何按鈕都沒有效果了

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

全選： $(":checkbox").prop("checked",true)

取消全選：$(":checkbox").prop("checked",false)

獲取選中的：$(":checkbox:checked")

反選：

復(fù)制代碼代碼如下:

 
$(":checkbox").each(function(){ 
if($(this).prop("checked")){ 
$(this).prop("checked",false); 
}else{ 
$(this).prop("checked",true); 
} 
}); 

您可能感興趣的文章:

相關(guān)文章

jQuery學(xué)習(xí)筆記操作jQuery對(duì)象 CSS處理
在對(duì)class屬性的操作中，實(shí)際上已經(jīng)改變?cè)貥邮搅?，但這些都是根據(jù)已設(shè)定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變?cè)仍O(shè)定好了的CSS規(guī)則
2012-09-09
基于jquery的彈出提示框始終處于窗口的居中位置（類似于alert彈出框的效果）
之前寫的代碼，都是在當(dāng)前窗口位于居中，可是一旦窗口縮小或者放大都不是位于居中的位置了，但是一直想寫的一個(gè)類似于alert彈出窗口的效果。
2011-09-09
對(duì)象不支持indexOf屬性或方法的解決方法(必看)
下面小編就為大家?guī)硪黄獙?duì)象不支持indexOf屬性或方法的解決方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-05-05
用Jquery.load載入頁面后樣式?jīng)]了頁面混亂的解決方法
一直想用jquery.load的方法載入新的頁面，以實(shí)現(xiàn)局部刷新，結(jié)果發(fā)現(xiàn)樣式?jīng)]了，后來發(fā)現(xiàn)了解決方法，如果不過濾掉一些內(nèi)容的話，直接加載，會(huì)使頁面混亂的
2014-10-10
jquery組件WebUploader文件上傳用法詳解
這篇文章主要為大家詳細(xì)介紹了jquery組件WebUploader文件上傳用法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
JQueryEasyUI之DataGrid數(shù)據(jù)顯示
在有的項(xiàng)目中，為了方便將數(shù)據(jù)庫中的某些定值儲(chǔ)存為指定的數(shù)字，怎么處理這種問題呢？下面小編通過一段代碼給大家介紹下，需要的朋友參考下
2016-11-11
jQuery圖片特效插件Revealing實(shí)現(xiàn)拉伸放大
本文給大家分享的是jQuery圖片展示效果，使用的是jQuery Revealing插件，不點(diǎn)擊的情況下，圖片整齊排列成一行，當(dāng)任意一個(gè)圖片縮略圖被點(diǎn)擊的時(shí)候，該圖片就放大顯示，當(dāng)點(diǎn)擊關(guān)閉按鈕時(shí)圖片又重新還原了縮略圖模式。
2015-04-04
jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖拽頁面元素并將其保存到cookie的方法,涉及jQuery基于cookie針對(duì)頁面元素屬性的相關(guān)保存操作技巧,需要的朋友可以參考下
2016-06-06
JQuery實(shí)現(xiàn)簡(jiǎn)單的圖片滑動(dòng)切換特效
基于jQuery的一款圖片展示特效代碼,鼠標(biāo)移到圖片上方懸停時(shí)會(huì)自動(dòng)切換成文字簡(jiǎn)單顯示,適合做圖片集展示,推薦給大家。
2015-11-11
那些年，我還在學(xué)習(xí)jquery 學(xué)習(xí)筆記
那些年學(xué)習(xí)了一些基本的web開發(fā)知識(shí)，其中已經(jīng)有javascript語言了，為什么還要學(xué)習(xí)Jquery啊
2012-03-03