_{<center id="xe253"></center>}

jquery attr方法獲取input的checked屬性問題

2019-11-20 15:09:52

字體：大中小

來源：轉載

供稿：網友

問題：經常使用jQuery插件的attr方法獲取checked屬性值，獲取的值的大小為未定義，此時可以用prop方法獲取其真實值，下面介紹這兩種方法的區別：

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實現table行折疊效果以JSON做數據源

下一篇：jQuery表格排序組件-tablesorter使用示例