jQuery中利用attr()方法設(shè)置checkBox 勾選以及禁用的效果測(cè)試

通過(guò)jQuery中的attr()方法給checkbox設(shè)置禁用或者勾選效果時(shí),遇到了一些難以理解的問(wèn)題,首先,因?yàn)?對(duì)應(yīng)boolean 中的true,0對(duì)應(yīng)boolean中的false,所以就想通過(guò)將0或者1作為參數(shù)來(lái)實(shí)現(xiàn)checkbox的勾選或者禁用效果。



設(shè)置checked屬性


現(xiàn)象:將1作為參數(shù)調(diào)用方法時(shí),復(fù)選框能正常勾選上,然而將0作為參數(shù)時(shí),并沒(méi)按照我的想法,取消勾選,復(fù)選框依然勾選上的

同理,設(shè)置disabled屬性


現(xiàn)象:將1作為參數(shù)設(shè)置復(fù)選框禁用效果時(shí),能夠?qū)崿F(xiàn)禁用效果,然而將0作為參數(shù)時(shí),卻沒(méi)有按照我的預(yù)想,取消掉禁用


在以上兩個(gè)測(cè)試中,如果直接將布爾值true或者false作為參數(shù)調(diào)用方法時(shí),效果實(shí)現(xiàn)正常。使用jQuery 中prop()方法設(shè)置復(fù)選框禁用或者勾選效果時(shí),則不存在以上方法中出現(xiàn)的問(wèn)題,補(bǔ)充,當(dāng)取消勾選或者取消禁用無(wú)效時(shí),可以使用removeAttr()方法可以實(shí)現(xiàn)相同效果。猜測(cè)導(dǎo)致這個(gè)問(wèn)題出現(xiàn)的原因可能是property與attribute之間的不同。可能導(dǎo)致該問(wèn)題的原因 將domElement.checked賦值為1或者0,實(shí)現(xiàn)勾選、禁用的效果正常,然而,使用dom.setAttribute()方法時(shí),checked和disabled參數(shù)無(wú)論是1或者0,true或者false,都是勾選上或者被禁用了的。




最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 因?yàn)橐Y(jié)局swift3.0中引用snapKit的問(wèn)題,看到一篇介紹Xcode8,swift3變化的文章,覺(jué)得很詳細(xì)...
    uniapp閱讀 4,852評(píng)論 0 12
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • 第一章 入門(mén) 基本功能:訪(fǎng)問(wèn)和操作 dom 元素,控制頁(yè)面樣式,對(duì)頁(yè)面的事件處理,與ajax完美結(jié)合,有豐富的插件...
    X_Arts閱讀 1,138評(píng)論 0 2
  • 簡(jiǎn)要教程 bootstrap-treeview是一款效果非??岬幕赽ootstrap的jQuery多級(jí)列表樹(shù)插件...
    BABLOVE閱讀 5,984評(píng)論 0 5
  • 1、窗體 1、常用屬性 (1)Name屬性:用來(lái)獲取或設(shè)置窗體的名稱(chēng),在應(yīng)用程序中可通過(guò)Name屬性來(lái)引用窗體。 ...
    Moment__格調(diào)閱讀 4,749評(píng)論 0 11

友情鏈接更多精彩內(nèi)容