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