jquery attr方法獲取input的checked屬性問題
更新時間：2014年05月26日 09:58:21 作者：
如果使用jquery,應使用prop方法來獲取和設置checked屬性，不應使用attr,需要的朋友可以參考下
問題：經常使用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方法獲取時，如果當前input中初始化未定義checked屬性，則不管當前是否選中，$("#selectAll").attr("checked")都會返回undefined；
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當前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);
}
總結，如果使用jquery,應使用prop方法來獲取和設置checked屬性，不應使用attr.
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方法獲取時，如果當前input中初始化未定義checked屬性，則不管當前是否選中，$("#selectAll").attr("checked")都會返回undefined；
復制代碼 代碼如下:
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當前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);
}
總結，如果使用jquery,應使用prop方法來獲取和設置checked屬性，不應使用attr.
相關文章
本文主要對jquery中用函數來設置css樣式的方法進行詳細介紹，具有很好的參考價值，下面就跟小編一起來看下吧2016-12-12
jquery彈窗插件colorbox綁定動態(tài)生成元素的方法
這篇文章主要介紹了jquery彈窗插件colorbox綁定動態(tài)生成元素的方法,colorbox是一款非常好用的彈窗插件,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了jquery實現圖片放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
基于jquery的loading效果實現代碼，需要的朋友可以參考下。2010-11-11
本文為大家介紹下jQuery的輸入控件及回車事件的應用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
幻燈片效果通常用于展示相冊圖片或特色推薦內容。一個漂亮的幻燈片更能吸引訪客的注意力。本文里面，收集了15款jquery幻燈片插件，讓你的圖片展示更漂亮，讓你的特色內容更吸引人。2011-04-04
jQuery.validate 的正則驗證功能，包括手機號碼、電話號碼、郵政編碼、QQ號碼、IP地址、字母和數字、中文的驗證等2013-08-08
這篇文章主要介紹了jQuery基于函數重載實現自定義Alert函數樣式的方法,涉及jQuery函數重載及頁面元素屬性動態(tài)操作的相關技巧,需要的朋友可以參考下2016-07-07
jquery+ajax+C#實現無刷新操作數據庫數據的簡單實例
本篇文章主要是對jquery+ajax+C#實現無刷新操作數據庫數據的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于JQuery的一句話搞定手風琴菜單效果代碼，需要的朋友可以參考下2012-09-09