解決jquery操作checkbox火狐下第二次無法勾選問題
更新時(shí)間：2014年02月10日 11:45:54 投稿：whsnow
在工作中使用jquery操作checkbox，進(jìn)行全選、反選，現(xiàn)在的問題是火狐下第二次無法勾選問題，在下面有個(gè)詳細(xì)的解答，感興趣的朋友可以參考下
最近在工作中使用jquery操作checkbox，使用下面方法進(jìn)行全選、反選：
復(fù)制代碼 代碼如下:
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)?quot;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的屬性的判斷，即
復(fù)制代碼 代碼如下:
$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);
在使用是將attr改為prop，問題得解。
你遇到這個(gè)奇怪的問題了嗎？趕緊試試吧
相關(guān)文章
這篇文章主要介紹了jQuery 中DOM 操作詳解,需要的朋友可以參考下2015-01-01
jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
單擊單元格選中，選中過程中使用方向鍵更換選中的單元格，選中過程中按回車鍵或者直接雙擊單元格進(jìn)入可編輯狀態(tài)，單元格失去焦點(diǎn)時(shí)保存修改的內(nèi)容2012-12-12
在逛博客中無意中看到這個(gè)插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實(shí)踐了一下2011-08-08
Bootstrap嵌入jqGrid，使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid，使你的table牛逼起來,需要的朋友可以參考下2016-05-05
JQuery觸發(fā)radio或checkbox的change事件
在JQuery中，當(dāng)給radio或checkbox添加一個(gè)change事件時(shí)，如果它的值發(fā)生變化就會(huì)觸發(fā)change事件;本文將詳細(xì)介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12
Jquery如何使用animation動(dòng)畫效果改變背景色的代碼
這篇文章主要介紹了Jquery如何使用animation動(dòng)畫效果改變背景色,需要的朋友可以參考下2020-07-07
jquery 獲取json數(shù)據(jù)實(shí)現(xiàn)代碼
jquery json數(shù)據(jù)獲取代碼。2009-04-04
原生js和jquery實(shí)現(xiàn)圖片輪播淡入淡出效果
本文給大家分享的是使用原生的js和jQuery2種方法，分別實(shí)現(xiàn)圖片輪播的淡入淡出效果的代碼，非常實(shí)用，也方便小伙伴們對(duì)比分析，希望對(duì)大家學(xué)習(xí)js和jq能夠有所幫助。2015-04-04
jquery使用on綁定a標(biāo)簽無效 只能用live解決
下面小編就為大家?guī)硪黄猨query使用on綁定a標(biāo)簽無效 只能用live解決。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
jQuery建立一個(gè)按字母順序排列的友好頁面索引(兼容IE6/7/8)
很多人熟悉使用錨鏈接跳轉(zhuǎn)到的頁面部分的解決方案,這種效果當(dāng)需要列出很長的數(shù)據(jù)集時(shí)，是非常實(shí)用的,然而頁面跳轉(zhuǎn)對(duì)于游客來說有時(shí)候并不是好友好，弊端我就不多說了，祥看下本文2013-02-02