復選框checked 選中后不顯示打鉤
checkbox屬性checked="checked"已有,但復選框卻不顯示打鉤的原因
?
復選框綁定了click事件,點一次選中,再點擊取消選中, 第一次,可以正常顯示選中和取消,但當再去選中的時候,復選框的屬性checkbox值變為"checked",沒問題,但是復選框卻不在顯示選中狀態,F12發現屬性值改了checked,但是卻不顯示勾選,太詭異了。代碼修改了卻得不到正確的顯示狀態,糾結了很久,找不到原因。
?
?
正解:后來經偶像指點,原來是jQuery版本問題。我操作屬性用的是
$("**").attr("attrName");而jQuery的版本用的是1.9,這就是存在一個兼容性和穩定性問題。
jQuery API明確說明,1.6+的jQuery要用prop,尤其是checkBox的checked的屬性的判斷,即
$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);
?
在使用是將attr改為prop,問題得解。
?