最近在工作中使用jquery操作checkbox，使用下面方法進(jìn)行全選、反選：
代碼如下:
var ischecked=allCheckObj.is(':checked');
ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false);
調(diào)試時(shí)在ie沒有問題，考慮到兼容性，試試了firefox，遇到了問題。于是乎，做了如下實(shí)驗(yàn)：
復(fù)選框綁定了click事件，點(diǎn)一次選中，再點(diǎn)擊取消選中，依次類推。這個(gè)功能在ie中沒問題，但是在firefox中測(cè)試的時(shí)候，前兩次都沒有問題，可以正常顯示選中和取消，但當(dāng)再去選中的時(shí)候，復(fù)選框的屬性checkbox值變?yōu)?checked"，沒問題，但是復(fù)選框卻不在顯示選中狀態(tài)，明明屬性值改了，但是卻不顯示勾選，太詭異了。代碼修改了卻得不到正確的顯示狀態(tài)，糾結(jié)了很久，找不到原因。
正解：后來經(jīng)偶像指點(diǎn)，原來是jQuery版本問題。我操作屬性用的是
$("**").attr("attrName");而jQuery的版本用的是1.9，這就是存在一個(gè)兼容性和穩(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，問題得解。
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試