jquery attr方法獲取input的checked屬性問題
更新時間：2014年05月26日 09:58:21 作者：
如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性，不應(yīng)使用attr,需要的朋友可以參考下
問題：經(jīng)常使用jQuery插件的attr方法獲取checked屬性值，獲取的值的大小為未定義，此時可以用prop方法獲取其真實值，下面介紹這兩種方法的區(qū)別：
1.通過prop方法獲取checked屬性，獲取的checked返回值為boolean，選中為true,否則為flase
<input type="checkbox" id="selectAll" onclick="checkAll()">全選
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}
2.如果使用attr方法獲取時，如果當(dāng)前input中初始化未定義checked屬性，則不管當(dāng)前是否選中，$("#selectAll").attr("checked")都會返回undefined；
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當(dāng)前input中初始化已定義checked屬性，則不管是否選中，$("#selectAll").attr("checked")都會返回checked.
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全選
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}
總結(jié)，如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性，不應(yīng)使用attr.
1.通過prop方法獲取checked屬性，獲取的checked返回值為boolean，選中為true,否則為flase
復(fù)制代碼 代碼如下:
<input type="checkbox" id="selectAll" onclick="checkAll()">全選
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}
2.如果使用attr方法獲取時，如果當(dāng)前input中初始化未定義checked屬性，則不管當(dāng)前是否選中，$("#selectAll").attr("checked")都會返回undefined；
復(fù)制代碼 代碼如下:
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當(dāng)前input中初始化已定義checked屬性，則不管是否選中，$("#selectAll").attr("checked")都會返回checked.
復(fù)制代碼 代碼如下:
<input type="checkbox" id="selectAll" onclick="checkAll()" checked>全選
function checkAll()
{
var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name='procheck']").attr("checked", checkedOfAll);
}
總結(jié)，如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性，不應(yīng)使用attr.
相關(guān)文章
超簡單的jquery的AJAX用法,需要的朋友可以參考下。2010-05-05
jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
這篇文章主要介紹了jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果,涉及jQuery針對table元素遍歷、運算、樣式及鼠標(biāo)事件動態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
下面小編就為大家?guī)硪黄猨query實時獲取時間的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
調(diào)用HttpHanlder的幾種返回方式小結(jié)
本篇文章主要是對調(diào)用HttpHanlder的幾種返回方式進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
分享2個jQuery插件--jquery.fileupload與artdialog
這篇文章主要介紹了分享2個jQuery插件--jquery.fileupload與artdialog的使用方法及示例，非常的實用，這里推薦給大家。2014-12-12
jquery實現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
這篇文章主要介紹了jquery實現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法,通過keyup事件實時讀取textarea輸入框的字?jǐn)?shù)來實現(xiàn)這一功能,非常具有實用價值,需要的朋友可以參考下2015-01-01
本文記錄了在項目中發(fā)現(xiàn)在IE9中不會立即觸發(fā)change事件，存在兼容問題的解決過程，非常的詳盡，解決過程中也有新問題出現(xiàn)，最終都解決完畢，完美實現(xiàn)了兼容各大主流瀏覽器2014-12-12
用JQuery的Ajax從后臺提取數(shù)據(jù)后想把它賦值給全局變量，怎么都賦不進(jìn)，原因是數(shù)據(jù)還沒提取出來，你當(dāng)然賦不進(jìn)去2014-08-08
一款Jquery 分頁插件的改造方法（服務(wù)器端分頁）
分頁幾乎是每個外部程序必不可少的東西，在webform時代很多人都用過AspNetPager這個用戶控件吧，用的人之多其實就在于它的優(yōu)點2011-07-07
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02