今天在做項目過程中使用jquery的attr屬性完成一個功能及選擇語音坐席的時候勾選語音及短信選項即
$("#voiceSeat").click(function(){
var isCheck=$(this).is(':checked');
if(isCheck){
$("#voice").prop({
"checked":true,
"disabled":true
});
$("#SMS").prop({
"checked":true,
});
}else{
$("#voice").prop({
"checked":false,
"disabled":false
});
$("#SMS").prop("checked":false);
$("#soundRecord").prop("checked":false);
$("#intelligent").prop("checked":false);
}
})
一開始使用的attr第二次就會失效,出現(xiàn)再也無法選中的情況纲爸。
到這里,問題答案找到了掉分,就是使用 attr() 方法的問題禽额,于是查看官方文檔, 才知道從 jQuery 1.6 開始新增了一個方法 prop()谆膳,從中文意思看叭爱,兩者分別是獲取/設(shè)置 attributes 和 properties 的方法,在 jQuery 1.6 之前漱病,使用 attr() 有時候會出現(xiàn)不一致的行為买雾,所以才會增加 prop() 方法。
那么杨帽,什么時候使用attr()漓穿,什么時候使用prop()?
根據(jù)官方的建議:具有 true 和 false 兩個屬性的屬性注盈,如 checked, selected 或者 disabled 使用prop()晃危,其他的使用 attr()。
可以了解下attr與prop的區(qū)別
http://www.runoob.com/jquery/html-prop.html