JS seelct box 選中無法顯示的問題

複選框綁定了click事件,點一次選中,再點擊取消選中,依次類推。這個功能在ie中沒問題,但是在firefox中測試的時候,前兩次都沒有問題,可以正常顯示選中和取消,但當再去選中的時候,複選框的屬性checkbox值變爲"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,問題得解。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章