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