jquery attr方法獲取input的checked屬性問題
更新時(shí)間:2014年05月26日 09:58:21 作者:
如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性,不應(yīng)使用attr,需要的朋友可以參考下
問題:經(jīng)常使用jQuery插件的attr方法獲取checked屬性值,獲取的值的大小為未定義,此時(shí)可以用prop方法獲取其真實(shí)值,下面介紹這兩種方法的區(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方法獲取時(shí),如果當(dāng)前input中初始化未定義checked屬性,則不管當(dāng)前是否選中,$("#selectAll").attr("checked")都會(huì)返回undefined;
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當(dāng)前input中初始化已定義checked屬性,則不管是否選中,$("#selectAll").attr("checked")都會(huì)返回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方法獲取時(shí),如果當(dāng)前input中初始化未定義checked屬性,則不管當(dāng)前是否選中,$("#selectAll").attr("checked")都會(huì)返回undefined;
復(fù)制代碼 代碼如下:
<input type="checkbox" id="selectAll" onclick="checkAll()" >全選
如果當(dāng)前input中初始化已定義checked屬性,則不管是否選中,$("#selectAll").attr("checked")都會(huì)返回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.
您可能感興趣的文章:
- jquery中prop()方法和attr()方法的區(qū)別淺析
- jquery獲取自定義屬性(attr和prop)實(shí)例介紹
- jQuery .attr()和.removeAttr()方法操作元素屬性示例
- jQuery學(xué)習(xí)之prop和attr的區(qū)別示例介紹
- 基于Jquery的簡(jiǎn)單圖片切換效果
- jQuery 一個(gè)圖片切換的插件
- 一個(gè)基于jquery的圖片切換效果
- jQuery簡(jiǎn)單實(shí)現(xiàn)banner圖片切換
- JQuery頁面圖片切換和新聞列表滾動(dòng)效果的具體實(shí)現(xiàn)
- 用jquery的attr方法實(shí)現(xiàn)圖片切換效果
相關(guān)文章
jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果,涉及jQuery針對(duì)table元素遍歷、運(yùn)算、樣式及鼠標(biāo)事件動(dòng)態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-02-02jquery實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query實(shí)時(shí)獲取時(shí)間的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01調(diào)用HttpHanlder的幾種返回方式小結(jié)
本篇文章主要是對(duì)調(diào)用HttpHanlder的幾種返回方式進(jìn)行了總結(jié)介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12分享2個(gè)jQuery插件--jquery.fileupload與artdialog
這篇文章主要介紹了分享2個(gè)jQuery插件--jquery.fileupload與artdialog的使用方法及示例,非常的實(shí)用,這里推薦給大家。2014-12-12jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法,通過keyup事件實(shí)時(shí)讀取textarea輸入框的字?jǐn)?shù)來實(shí)現(xiàn)這一功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01一款Jquery 分頁插件的改造方法(服務(wù)器端分頁)
分頁幾乎是每個(gè)外部程序必不可少的東西,在webform時(shí)代很多人都用過AspNetPager這個(gè)用戶控件吧,用的人之多其實(shí)就在于它的優(yōu)點(diǎn)2011-07-07jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02