首頁 >web前端 >js教程 >解決jquery操作checkbox火狐下第二次無法勾選問題_jquery

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

WBOY
WBOY原創
2016-05-16 17:00:591115瀏覽

最近在工作中使用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,問題得解。
你遇到這個奇怪的問題了嗎?趕快試試吧
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn