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中用函數(shù)來設(shè)置css樣式的方法進行詳細介紹，具有很好的參考價值，下面就跟小編一起來看下吧2016-12-12
jquery彈窗插件colorbox綁定動態(tài)生成元素的方法
這篇文章主要介紹了jquery彈窗插件colorbox綁定動態(tài)生成元素的方法,colorbox是一款非常好用的彈窗插件,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了jquery實現(xiàn)圖片放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
基于jquery的loading效果實現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
本文為大家介紹下jQuery的輸入控件及回車事件的應(yīng)用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
幻燈片效果通常用于展示相冊圖片或特色推薦內(nèi)容。一個漂亮的幻燈片更能吸引訪客的注意力。本文里面，收集了15款jquery幻燈片插件，讓你的圖片展示更漂亮，讓你的特色內(nèi)容更吸引人。2011-04-04
jQuery.validate 的正則驗證功能，包括手機號碼、電話號碼、郵政編碼、QQ號碼、IP地址、字母和數(shù)字、中文的驗證等2013-08-08
jQuery基于函數(shù)重載實現(xiàn)自定義Alert函數(shù)樣式的方法
這篇文章主要介紹了jQuery基于函數(shù)重載實現(xiàn)自定義Alert函數(shù)樣式的方法,涉及jQuery函數(shù)重載及頁面元素屬性動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-07-07
jquery+ajax+C#實現(xiàn)無刷新操作數(shù)據(jù)庫數(shù)據(jù)的簡單實例
本篇文章主要是對jquery+ajax+C#實現(xiàn)無刷新操作數(shù)據(jù)庫數(shù)據(jù)的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于JQuery的一句話搞定手風(fēng)琴菜單效果代碼，需要的朋友可以參考下2012-09-09