解決jquery操作checkboxFirefox下第二次無法勾選問題

來源:互聯網
上載者:User

 在工作中使用jquery操作checkbox,進行全選、反選,現在的問題是Firefox下第二次無法勾選問題,在下面有個詳細的解答,感興趣的朋友可以參考下

最近在工作中使用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,問題得解。 你遇到這個奇怪的問題了嗎?趕緊試試吧  
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。