jquery在項目中做復(fù)選框時遇到的一些問題筆記
更新時間：2013年11月17日 09:04:00 作者：
在實踐中還是遇到了很多的問題，注意在input的checkbox中，用普通的attr屬性來判斷是不可以的，因為checked的值是checked，因此做個筆記
關(guān)于復(fù)選框
昨天在做一個復(fù)選框的時候，一開始以為應(yīng)該挺簡單的，想當(dāng)然了一下，主要的功能就是點擊一個按鈕，比如是全部選中這個一個功能，然后下面的所有列表全部選中的效果。
后來在實踐中還是遇到了很多的問題，注意在input的checkbox中，用普通的attr屬性來判斷是不可以的，因為checked的值是checked，只有用prop這個屬性才能該改變?。。?！見api文檔,后來在百度中發(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');
}
});
});
昨天在做一個復(fù)選框的時候，一開始以為應(yīng)該挺簡單的，想當(dāng)然了一下，主要的功能就是點擊一個按鈕，比如是全部選中這個一個功能，然后下面的所有列表全部選中的效果。
后來在實踐中還是遇到了很多的問題，注意在input的checkbox中，用普通的attr屬性來判斷是不可以的，因為checked的值是checked，只有用prop這個屬性才能該改變?。。?！見api文檔,后來在百度中發(fā)現(xiàn)了這個在官方的api中就已經(jīng)有說明了，附上jquery中一個prop的api地址http://api.jquery.com/prop/，其中有一個例子很經(jīng)典，通過判斷is(":checked")對比了attr，prop，值得一看后來代碼改了下；
復(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)文章
從jQuery1.7開始，jQuery引入了全新的事件綁定機制，on()和off()兩個函數(shù)統(tǒng)一處理事件綁定，下面通過示例為大家介紹下2014-07-07
Jquery+Ajax+PHP+MySQL實現(xiàn)分類列表管理(上)
本文將采用Jquery+Ajax+PHP+MySQL來實現(xiàn)一個客戶分類列表的管理，如何利用Ajax和Json技術(shù)讓用戶操作起來覺得更輕松，感興趣的小伙伴們可以參考一下2015-10-10
本篇文章小編為大家介紹JQueryEasyUI Layout布局框架的使用，有需要的朋友可以參考一下2013-04-04
jQuery簡單實現(xiàn)根據(jù)日期計算星期幾的方法
這篇文章主要介紹了jQuery簡單實現(xiàn)根據(jù)日期計算星期幾的方法,涉及jQuery針對日期時間簡單計算相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
兩個select之間option的互相添加操作(jquery實現(xiàn))
兩個select,將其中一個select選中的選項添加到另一個select中,或者點擊全部添加按鈕將所有的option都添加過去.2009-11-11
這篇文章主要為大家詳細介紹了jQuery輪播圖的實例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要介紹了JQuery中使文本框獲得焦點的方法,實例分析了jQuery針對文本框獲得焦點的技巧,需要的朋友可以參考下2015-02-02
juqery 學(xué)習(xí)之三 選擇器 層級 基本
juqery 學(xué)習(xí)之三 選擇器 層級 基本，學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)動態(tài)加載瀑布流，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了10分鐘學(xué)會寫Jquery插件,通過一個實例分兩步完成一個簡單的插件,非常實用,需要的朋友可以參考下2014-09-09