解決jquery操作checkbox火狐下第二次無法勾選問題_jquery
最近在工作中使用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,問題得解。
你遇到這個奇怪的問題了嗎?趕快試試吧

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

本文說明瞭如何使用源地圖通過將其映射回原始代碼來調試JAVASCRIPT。它討論了啟用源地圖,設置斷點以及使用Chrome DevTools和WebPack之類的工具。

本文探討了Java收藏框架的有效使用。 它強調根據數據結構,性能需求和線程安全選擇適當的收集(列表,設置,地圖,隊列)。 通過高效優化收集用法

掌握了入門級TypeScript教程後,您應該能夠在支持TypeScript的IDE中編寫自己的代碼,並將其編譯成JavaScript。本教程將深入探討TypeScript中各種數據類型。 JavaScript擁有七種數據類型:Null、Undefined、Boolean、Number、String、Symbol(ES6引入)和Object。 TypeScript在此基礎上定義了更多類型,本教程將詳細介紹所有這些類型。 Null數據類型 與JavaScript一樣,TypeScript中的null

本教程將介紹如何使用 Chart.js 創建餅圖、環形圖和氣泡圖。此前,我們已學習了 Chart.js 的四種圖表類型:折線圖和條形圖(教程二),以及雷達圖和極地區域圖(教程三)。 創建餅圖和環形圖 餅圖和環形圖非常適合展示某個整體被劃分為不同部分的比例。例如,可以使用餅圖展示野生動物園中雄獅、雌獅和幼獅的百分比,或不同候選人在選舉中獲得的投票百分比。 餅圖僅適用於比較單個參數或數據集。需要注意的是,餅圖無法繪製值為零的實體,因為餅圖中扇形的角度取決於數據點的數值大小。這意味著任何占比為零的實體
