jquery無(wú)法設(shè)置checkbox選中即沒(méi)有變成選中狀態(tài)

2024-05-06 16:03:20

字體：大中小

供稿：網(wǎng)友

設(shè)置以后checkbox并沒(méi)有變成選中狀態(tài)，用chrome調(diào)試看了一下，checkbox中確實(shí)有checked屬性，針對(duì)這個(gè)問(wèn)題，大家可以參考下本文

復(fù)制代碼代碼如下:

$("input").attr("checked","checked")

設(shè)置以后checkbox并沒(méi)有變成選中狀態(tài)，用chrome調(diào)試看了一下，checkbox中確實(shí)有checked屬性，而且，值為checked，但是頁(yè)面顯示仍然為未選中狀態(tài)

復(fù)制代碼代碼如下:

$("input").prop("checked",true);

ttributes和properties之間的差異在特定情況下是很重要。jQuery 1.6之前，.attr()方法在取某些 attribute 的值時(shí)，會(huì)返回 property 的值，這就導(dǎo)致了結(jié)果的不一致。從 jQuery 1.6 開始， .prop()方法方法返回 property 的值,而 .attr() 方法返回 attributes 的值。

例如, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 應(yīng)使用.prop()方法進(jìn)行取值或賦值。在jQuery1.6之前，這些屬性使用.attr()方法取得，但是這并不是元素的attr屬性。他們沒(méi)有相應(yīng)的屬性（attributes），只有特性(property)。

例如，考慮一個(gè)DOM元素的HTML標(biāo)記中定義的<input type="checkbox" checked="checked" /> ，并假設(shè)它是一個(gè)JavaScript變量命名的elem ：

elem.checked true (Boolean) 將改變復(fù)選框的狀態(tài)
$(elem).prop("checked") true (Boolean) 將改變復(fù)選框的狀態(tài)
elem.getAttribute("checked") "checked" (String) 不會(huì)改變的復(fù)選框的初始狀態(tài);
$(elem).attr("checked") (1.6) "checked" (String) 不會(huì)改變的復(fù)選框的初始狀態(tài);
$(elem).attr("checked") (1.6.1+) "checked" (String) 將改變復(fù)選框的狀態(tài)
$(elem).attr("checked") (pre-1.6) true (Boolean) 將改變復(fù)選框的狀態(tài)
根據(jù)W3C的表單規(guī)范，在checked屬性是一個(gè)布爾屬性，這意味著只要該 attribute 存在，即使它沒(méi)有值，或是一個(gè)空字符串，該屬性對(duì)應(yīng)的 property 就是 true。以下推薦的是兼容瀏覽器方式，判斷 checkbox 元素的 checked 屬性是否為"真" 的方法：

復(fù)制代碼代碼如下:

if ( elem.checked )
if ( $(elem).prop("checked") )
if ( $(elem).is(":checked") )

如果你使用jQuery 1.6 ，代碼if ( $(elem).attr("checked") )，將獲得一個(gè)屬性(attribute) ，它不改變?cè)搹?fù)選框被選中和選中。它只是用來(lái)存儲(chǔ)默認(rèn)或選中屬性的初始值。為了保持向后兼容，.attr() 方法從 jQuery 1.6.1+ 開始除了返回屬性值外，還會(huì)更新 property 屬性，因此 boolean attribute（布爾屬性）不需要通過(guò) .prop() 來(lái)改變其值。推薦使用上述方法之一，來(lái)取得 checked 的值。

上一篇：window.location.href IE下跳轉(zhuǎn)失效的解決方法

下一篇：js彈出確認(rèn)是否刪除對(duì)話框