關於jQuery中attr方法和prop方法取得input的checked屬性運算方法

經常使用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=&#39;procheck&#39;]").prop("checked", checkedOfAll);
}

2.如果使用attr方法取得時，若在當前input中初始化未定義checked屬性，則不管目前是否選中，$("#selectAll").attr("checked")都會傳回undefined；

<span style="font-size: 16px"><input type="checkbox" id="selectAll" onclick="checkAll()" >全选</span> <br/><span style="font-size: 16px">如果当前input中初始化已定义checked属性，则不管是否选中，$("#selectAll").attr("checked")都会返回checked.</span><br/><br/>

#

<input type="checkbox" 
id="selectAll" onclick="checkAll()" checked>全选function checkAll()
{var checkedOfAll=$("#selectAll").attr("checked");
alert(checkedOfAll);
$("input[name=&#39;procheck&#39;]").attr("checked", checkedOfAll);
}

如果使用jquery,應使用prop方法來取得和設定checked屬性，不應使用attr.

以上是關於jQuery中attr方法和prop方法取得input的checked屬性運算方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！