jquery在項(xiàng)目中做復(fù)選框時(shí)遇到的一些問(wèn)題筆記
更新時(shí)間：2013年11月17日 09:04:00 作者：
在實(shí)踐中還是遇到了很多的問(wèn)題，注意在input的checkbox中，用普通的attr屬性來(lái)判斷是不可以的，因?yàn)閏hecked的值是checked，因此做個(gè)筆記
關(guān)于復(fù)選框
昨天在做一個(gè)復(fù)選框的時(shí)候，一開(kāi)始以為應(yīng)該挺簡(jiǎn)單的，想當(dāng)然了一下，主要的功能就是點(diǎn)擊一個(gè)按鈕，比如是全部選中這個(gè)一個(gè)功能，然后下面的所有列表全部選中的效果。
后來(lái)在實(shí)踐中還是遇到了很多的問(wèn)題，注意在input的checkbox中，用普通的attr屬性來(lái)判斷是不可以的，因?yàn)閏hecked的值是checked，只有用prop這個(gè)屬性才能該改變?。。?！見(jiàn)api文檔,后來(lái)在百度中發(fā)現(xiàn)了這個(gè)在官方的api中就已經(jīng)有說(shuō)明了，附上jquery中一個(gè)prop的api地址http://api.jquery.com/prop/，其中有一個(gè)例子很經(jīng)典，通過(guò)判斷is(":checked")對(duì)比了attr，prop，值得一看后來(lái)代碼改了下；
$("#main-manage").on('click',"#selectAll", function(event) {
$("#xunTable").find('input').not(":disabled").each(function(index, el) {
if($("#selectAll").is(":checked")){
$(this).prop('checked', 'true');
}
else{
$(this).prop('checked', 'false');
$(this).removeAttr('checked');
}
});
});
昨天在做一個(gè)復(fù)選框的時(shí)候，一開(kāi)始以為應(yīng)該挺簡(jiǎn)單的，想當(dāng)然了一下，主要的功能就是點(diǎn)擊一個(gè)按鈕，比如是全部選中這個(gè)一個(gè)功能，然后下面的所有列表全部選中的效果。
后來(lái)在實(shí)踐中還是遇到了很多的問(wèn)題，注意在input的checkbox中，用普通的attr屬性來(lái)判斷是不可以的，因?yàn)閏hecked的值是checked，只有用prop這個(gè)屬性才能該改變?。。?！見(jiàn)api文檔,后來(lái)在百度中發(fā)現(xiàn)了這個(gè)在官方的api中就已經(jīng)有說(shuō)明了，附上jquery中一個(gè)prop的api地址http://api.jquery.com/prop/，其中有一個(gè)例子很經(jīng)典，通過(guò)判斷is(":checked")對(duì)比了attr，prop，值得一看后來(lái)代碼改了下；
復(fù)制代碼 代碼如下:
$("#main-manage").on('click',"#selectAll", function(event) {
$("#xunTable").find('input').not(":disabled").each(function(index, el) {
if($("#selectAll").is(":checked")){
$(this).prop('checked', 'true');
}
else{
$(this).prop('checked', 'false');
$(this).removeAttr('checked');
}
});
});
相關(guān)文章
jQuery+CSS3實(shí)現(xiàn)樹(shù)葉飄落特效
本文給大家分享的是一段使用jQuery+CSS3實(shí)現(xiàn)樹(shù)葉飄落特效的代碼，效果非常不錯(cuò)，分享給大家，希望大家能夠喜歡2015-02-02
Easyui和zTree兩種方式分別實(shí)現(xiàn)樹(shù)形下拉框
最近工作中需要用到樹(shù)形下拉框，因?yàn)轫?xiàng)目中樹(shù)形結(jié)構(gòu)使用的是zTree，效果不是很好看，于是想著使用easyui的comboTree，雖然效果達(dá)到了，但是風(fēng)格和bootstrap不搭，下面把這兩種方式的效果分享到腳本之家平臺(tái)供大家參考2017-08-08
這篇文章主要介紹了jQuery層次選擇器用法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素層級(jí)操作的層次選擇器使用技巧,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法,提供了四種放大鏡效果供大家選擇使用,并附有完整的源碼下載地址,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery中click事件用法,以實(shí)例形式分析了click事件的具體功能及應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jquery插件bxslider用法,以實(shí)例形式較為詳細(xì)的分析了bxslider插件的使用步驟與相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
基于jQuery的讓非HTML5瀏覽器支持placeholder屬性的代碼
寫(xiě)了一小段代碼讓非HTML5瀏覽器支持placeholder屬性。零配置零css支持IE62011-05-05
jQuery Ajax之$.get()方法和$.post()方法
load()方法通常用來(lái)從Web服務(wù)器上獲取靜態(tài)的數(shù)據(jù)文件，然而這并不能體現(xiàn)Ajax的全部?jī)r(jià)值。在項(xiàng)目中，如果需要傳遞一些參數(shù)給服務(wù)器中的頁(yè)面，那么可以使用$.get()或者$.post()方法（或者是后面要講解到的$.ajax方法）。2009-10-10
基于jquery的橫向滾動(dòng)條（滑動(dòng)條）
ASP.Net的GridView本身不帶滾動(dòng)條，可通過(guò)Panel實(shí)現(xiàn)。但是Windows自帶的橫向滾動(dòng)條只支持顯示在下方，為了使用方便，需要在上下方都顯示橫向滾動(dòng)條。2011-02-02
本文主要介紹jQuery中on方法使用注意事項(xiàng)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02