解決jquery操作checkbox火狐下第二次無法勾選問題

字號:


    最近在工作中使用jquery操作checkbox,使用下面方法進行全選、反選: 
    代碼如下:
    var ischecked=allCheckObj.is(':checked'); 
    ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 
    調試時在ie沒有問題,考慮到兼容性,試試了firefox,遇到了問題。于是乎,做了如下實驗: 
    復選框綁定了click事件,點一次選中,再點擊取消選中,依次類推。這個功能在ie中沒問題,但是在firefox中測試的時候,前兩次都沒有問題,可以正常顯示選中和取消,但當再去選中的時候,復選框的屬性checkbox值變?yōu)?checked",沒問題,但是復選框卻不在顯示選中狀態(tài),明明屬性值改了,但是卻不顯示勾選,太詭異了。代碼修改了卻得不到正確的顯示狀態(tài),糾結了很久,找不到原因。 
    正解:后來經(jīng)偶像指點,原來是jQuery版本問題。我操作屬性用的是 
    $("**").attr("attrName");而jQuery的版本用的是1.9,這就是存在一個兼容性和穩(wěn)定性問題。 
    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,問題得解。 
    你遇到這個奇怪的問題了嗎?趕緊試試吧