今天同事 讓幫忙調(diào)試一個(gè)checkbox只選中一個(gè)的方法，代碼如下：

ID平臺(tái)代碼平臺(tái)名稱

選項(xiàng)2選項(xiàng)2選項(xiàng)3選項(xiàng)4

varEleInput=$("[name = ptcode]:checkbox")//;$("#table_platform input") ;

EleInput.each(function(index, element) {

$(element).bind("click",function(){

EleInput.attr("checked",false);

$(this).attr("checked",true);

});

});

好的，靜態(tài)demo調(diào)試 ~ 運(yùn)行~ 無(wú)問(wèn)題。以為都結(jié)束了，但是放到項(xiàng)目出現(xiàn)了，

checkbox標(biāo)簽已有checked=checked但是不顯示勾選，查看圖片：

于是乎 就開(kāi)始網(wǎng)上查找 ，解決方法?就是將$("...").attr("checked",?true)?改為 ?$("...").prop("checked",?true),問(wèn)題解決；

那么這樣解決的原因是什么呢？？

首先來(lái)了解下jquey中的attr()函數(shù)和prop()函數(shù)；

attr()是處理 attribute的值的，而prop()是處理 property 的值的 ，jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值時(shí)，會(huì)返回 property 的值，這就導(dǎo)致了結(jié)果的不一致。

property是DOM中的屬性，是JavaScript里的對(duì)象；

attribute是HTML標(biāo)簽上的特性，它的值只能夠是字符串；

從 jQuery 1.6 開(kāi)始， .prop()方法 方法返回 property 的值,而 .attr() 方法返回 attributes 的值，那么歸根結(jié)底，就是在處理 attribute 和 property。 ? ? ? ? 很多attribute節(jié)點(diǎn)有一個(gè)相應(yīng)的property屬性，因而attribute和property很容易被混淆在一起，

1) 如某個(gè)div元素中的id和class既是attribute也有property，不管哪種方式都可以訪問(wèn)和修改,但是對(duì)于自定義的attribute節(jié)點(diǎn)，或者自定義property，兩者就沒(méi)有關(guān)系了(但是在IE6-7中，兩者還是一樣的，好奇葩的，但愿我們都能早日拋棄IE8以下的)，

2) 需要注意的是，對(duì)于checked特性(attribute)不是對(duì)應(yīng)它c(diǎn)hecked屬性(property)，attribute實(shí)際對(duì)應(yīng)的是defaultChecked屬性，而且僅用于設(shè)置復(fù)選框最初的值，checked的attribute不會(huì)因?yàn)閺?fù)選框的狀態(tài)而改變，而checked的property會(huì)因?yàn)閺?fù)選框的狀態(tài)而改變，所以在.attr()函數(shù)中，就算設(shè)置成 了.attr("checked", true)，也只是用來(lái)存儲(chǔ)默認(rèn)或者選中屬性的默認(rèn)值，卻并不改變?cè)搹?fù)選框被選中和選中，這就是為什么 ? checkbox標(biāo)簽已有checked=checked但是不顯示勾選 的原因所在

總結(jié)

以上是生活随笔為你收集整理的打印时候复选框勾选不见了_checkbox 选中未显示对号勾选的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。