解決jquery操作checkbox火狐下第二次無(wú)法勾選問(wèn)題
最近在工作中使用jquery操作checkbox,使用下面方法進(jìn)行全選、反選:
var ischecked=allCheckObj.is(':checked');
ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false);
調(diào)試時(shí)在ie沒(méi)有問(wèn)題,考慮到兼容性,試試了firefox,遇到了問(wèn)題。于是乎,做了如下實(shí)驗(yàn):
復(fù)選框綁定了click事件,點(diǎn)一次選中,再點(diǎn)擊取消選中,依次類推。這個(gè)功能在ie中沒(méi)問(wèn)題,但是在firefox中測(cè)試的時(shí)候,前兩次都沒(méi)有問(wèn)題,可以正常顯示選中和取消,但當(dāng)再去選中的時(shí)候,復(fù)選框的屬性checkbox值變?yōu)?quot;checked",沒(méi)問(wèn)題,但是復(fù)選框卻不在顯示選中狀態(tài),明明屬性值改了,但是卻不顯示勾選,太詭異了。代碼修改了卻得不到正確的顯示狀態(tài),糾結(jié)了很久,找不到原因。
正解:后來(lái)經(jīng)偶像指點(diǎn),原來(lái)是jQuery版本問(wèn)題。操作屬性用的是
$("**").attr("attrName");而jQuery的版本用的是1.9,這就是存在一個(gè)兼容性和穩(wěn)定性問(wèn)題。
jQuery API明確說(shuō)明,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,問(wèn)題得解。
你遇到這個(gè)奇怪的問(wèn)題了嗎?趕緊試試吧
相關(guān)文章
Jquery+Ajax+xml實(shí)現(xiàn)中國(guó)地區(qū)選擇三級(jí)聯(lián)動(dòng)菜單效果(推薦)
下面小編就為大家?guī)?lái)一篇Jquery+Ajax+xml實(shí)現(xiàn)中國(guó)地區(qū)選擇三級(jí)聯(lián)動(dòng)菜單效果(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06jQuery的實(shí)現(xiàn)原理的模擬代碼 -2 數(shù)據(jù)部分
在 jQuery 中,可以對(duì)每一個(gè) DOM 對(duì)象保存私有的數(shù)據(jù)。2010-08-08使用jQuery獲取radio/checkbox組的值的代碼收集
很久沒(méi)有寫(xiě)JQuery的文章了。今天來(lái)看下JQ對(duì)天Checkbox復(fù)選框的操作??聪旅娴囊粋€(gè)小例子。在這個(gè)例子中包括了以下幾個(gè)功能2009-12-12關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法
下面小編就為大家?guī)?lái)一篇關(guān)于兩個(gè)jQuery(js)特效沖突的bug的解決辦法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享 給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09jQuery實(shí)現(xiàn)別踩白塊兒網(wǎng)頁(yè)版小游戲
本文主要介紹了jQuery實(shí)現(xiàn)別踩白塊兒網(wǎng)頁(yè)版小游戲的思路分析與代碼。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)購(gòu)物車出現(xiàn)下拉框代碼(推薦)
在做web前端項(xiàng)目開(kāi)發(fā)的時(shí)候,使用jquery庫(kù)的感觸頗多,下面小編通過(guò)寫(xiě)購(gòu)物車的下拉框做法,把我的想法給大家分享一下,感興趣的朋友可以參考下2016-07-07jquery獲取復(fù)選框的值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery獲取復(fù)選框的值的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖
這篇文章主要介紹了jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖的方法,非常的實(shí)用,小伙伴們可以直接拿到項(xiàng)目中使用。2015-03-03