復(fù)選框回顯選用prop()不用attr()

Olivia 發(fā)布于2019-08-23 16:06 / 3575人閱讀

設(shè)置一個(gè)復(fù)選框回顯示
使用attr()添加checked屬性
但是在回顯的過(guò)程中會(huì)使復(fù)選框出現(xiàn)混亂的情況有一些并沒(méi)有回顯
如果給他添加一個(gè)checked的class就會(huì)導(dǎo)致復(fù)選框不可點(diǎn)擊這種做法是不對(duì)的
需要用prop替代

        function updateCheckboxState(data, type) {
         
            var elType = type ? ("#" + type + "_") : "#";
            for (var x in data) {
                if (data[x] == "1") {
                    $(elType + x).prop("checked", true);
                    // $(elType + x).addClass("checked");
                } else {
                    $(elType + x).prop("checked", false);
                    // $(elType + x).removeClass("checked");
                }
            }
        }

現(xiàn)在說(shuō)一下為什么需要用prop()替代呢
使用attr()點(diǎn)擊 checkbox，結(jié)果都是 undefined
attr() prop()
兩者分別是獲取/設(shè)置 attributes 和 properties 的方法

什么時(shí)候使用attr()，什么時(shí)候使用prop()？
根據(jù)官方的建議：具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()

attr() 里面，最關(guān)鍵的兩行代碼

elem.setAttribute( name, value + "" ); 

ret =  elem.getAttribute( name );

很明顯的看出來(lái)，使用的 DOM 的 API setAttribute() 和 getAttribute() 方法操作的屬性元素節(jié)點(diǎn)。

prop() 里面，最關(guān)鍵的兩行代碼

return ( elem[ name ] = value );

return elem[ name ];
可以理解為 document.getElementById(el)[name] = value，這是轉(zhuǎn)化成 element 的一個(gè)屬性。



或者
$("elType + x").attr("value",true/false)

GPU云服務(wù)器云服務(wù)器 prop() prop build prop Attr

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102691.html

相關(guān)文章

jQuery中attr()和prop()的區(qū)別

摘要：需求很簡(jiǎn)單的，一個(gè)非常簡(jiǎn)單的復(fù)選框的使用。與的區(qū)別復(fù)選框設(shè)置設(shè)置自定義自定義設(shè)置類型設(shè)置類型支持類型在這里溫馨提示提示一下，當(dāng)我們?cè)O(shè)置這個(gè)屬性時(shí)，再用獲取的時(shí)候，控制提示。問(wèn)題引入昨天接到了一個(gè)活，里面有一個(gè)小需求，在寫(xiě)的過(guò)程中遇到了一個(gè)小問(wèn)題。雖然這個(gè)問(wèn)題并不是很復(fù)雜的東西，但卻是一個(gè)比較細(xì)節(jié)的問(wèn)題。相信不少新手前端會(huì)遇到。下面我先描述一下我這個(gè)遇到的這個(gè)需求。 showImg(...

mo0n1andin 2019-08-20 15:38 評(píng)論0 收藏0
傻傻的分也分不清楚的property和attribute

摘要：最近，一個(gè)小伙伴問(wèn)了我一個(gè)問(wèn)題和的區(qū)別當(dāng)時(shí)我想了又想，很不好意思的說(shuō)了我不知道，所以，抽了個(gè)事件好好的利用了一下度娘和總結(jié)了一下。最近，一個(gè)小伙伴問(wèn)了我一個(gè)問(wèn)題property和attribute的區(qū)別？當(dāng)時(shí)我想了又想，很不好意思的說(shuō)了我不知道，所以，抽了個(gè)事件好好的利用了一下‘度娘’和‘Google’總結(jié)了一下。度娘搜索到的有用信息知乎中的討論csdn搜索的結(jié)果，Google發(fā)現(xiàn)的...

SimpleTriangle 2019-08-21 18:20 評(píng)論0 收藏0
Struts2【UI標(biāo)簽、數(shù)據(jù)回顯、資源國(guó)際化】

摘要：值得注意的是的值是文件的全名也就是說(shuō)，如果有包，就把包名寫(xiě)上并且，不需要寫(xiě)上后綴標(biāo)簽使用國(guó)際化的值是配置文件中配置的信息，寫(xiě)上就行了登陸測(cè)試注意，已經(jīng)替換成了中文了如果文章有錯(cuò)的地方歡迎指正，大家互相交流。 Struts2UI標(biāo)簽 Sturts2為了簡(jiǎn)化我們的開(kāi)發(fā)，也為我們提供了UI標(biāo)簽...也就是顯示頁(yè)面的標(biāo)簽..... 但是呢，Struts2是服務(wù)端的框架,因此使用頁(yè)面的標(biāo)簽是需要...

graf 2019-08-15 14:40 評(píng)論0 收藏0
js/jQuery中單選框、下拉框的取值、設(shè)置

摘要：中單選框下拉框的取值設(shè)置一單選框前言中，方法獲取的是元素的屬性而獲取的則是元素的特性。和應(yīng)使用方法進(jìn)行取值或賦值。 js/jQuery中單選框、下拉框的取值、設(shè)置一.單選框前言：jQuery中，prop()方法獲取的是元素的屬性（property）,而attr()獲取的則是元素的特性(attribute)。selectedIndex, tagName, nodeName, node...

YorkChen 2019-08-22 10:50 評(píng)論0 收藏0
jQuery實(shí)用的一些技巧

摘要：元素的大小設(shè)置可以在圖片加載完成后計(jì)算。禁用輸入有時(shí)你可能需要用表單的提交按鈕或者某個(gè)輸入框直到用戶執(zhí)行了某個(gè)動(dòng)作比如檢查我已閱讀條款復(fù)選框。如果文本不存在，則這個(gè)元素將被隱藏可見(jiàn)變化的觸發(fā)當(dāng)用戶不再聚焦或者重新聚焦一個(gè)標(biāo)簽時(shí)觸發(fā)腳本轉(zhuǎn)載引子 jQuery的存在，讓學(xué)習(xí)前端開(kāi)發(fā)的人感到前端越來(lái)越容易入門(mén)了，用簡(jiǎn)單的幾行代碼就可以實(shí)現(xiàn)需求，但是，你真的會(huì)用jQuery么，當(dāng)代碼運(yùn)行后無(wú)...

niuxiaowei111 2019-08-19 17:57 評(píng)論0 收藏0