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

2019-11-20 21:08:36

字體：大中小

來源：轉載

供稿：網友

最近在工作中使用jquery操作checkbox，使用下面方法進行全選、反選：

 
var ischecked=allCheckObj.is(':checked'); 
ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 

調試時在ie沒有問題，考慮到兼容性，試試了firefox，遇到了問題。于是乎，做了如下實驗：
復選框綁定了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，問題得解。
你遇到這個奇怪的問題了嗎？趕緊試試吧

上一篇：利用js讀取動態網站從服務器端返回的數據

下一篇：js判斷undefined類型示例代碼