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

Olivia 發布于2019-08-23 16:06 / 3572人閱讀

設置一個復選框回顯示
使用attr()添加checked屬性
但是在回顯的過程中會使復選框出現混亂的情況有一些并沒有回顯
如果給他添加一個checked的class就會導致復選框不可點擊這種做法是不對的
需要用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");
                }
            }
        }

現在說一下為什么需要用prop()替代呢
使用attr()點擊 checkbox，結果都是 undefined
attr() prop()
兩者分別是獲取/設置 attributes 和 properties 的方法

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

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

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

ret =  elem.getAttribute( name );

很明顯的看出來，使用的 DOM 的 API setAttribute() 和 getAttribute() 方法操作的屬性元素節點。

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

return ( elem[ name ] = value );

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



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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102691.html

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

摘要：需求很簡單的，一個非常簡單的復選框的使用。與的區別復選框設置設置自定義自定義設置類型設置類型支持類型在這里溫馨提示提示一下，當我們設置這個屬性時，再用獲取的時候，控制提示。問題引入昨天接到了一個活，里面有一個小需求，在寫的過程中遇到了一個小問題。雖然這個問題并不是很復雜的東西，但卻是一個比較細節的問題。相信不少新手前端會遇到。下面我先描述一下我這個遇到的這個需求。 showImg(...

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

摘要：最近，一個小伙伴問了我一個問題和的區別當時我想了又想，很不好意思的說了我不知道，所以，抽了個事件好好的利用了一下度娘和總結了一下。最近，一個小伙伴問了我一個問題property和attribute的區別？當時我想了又想，很不好意思的說了我不知道，所以，抽了個事件好好的利用了一下‘度娘’和‘Google’總結了一下。度娘搜索到的有用信息知乎中的討論csdn搜索的結果，Google發現的...

SimpleTriangle 2019-08-21 18:20 評論0 收藏0
Struts2【UI標簽、數據回顯、資源國際化】

摘要：值得注意的是的值是文件的全名也就是說，如果有包，就把包名寫上并且，不需要寫上后綴標簽使用國際化的值是配置文件中配置的信息，寫上就行了登陸測試注意，已經替換成了中文了如果文章有錯的地方歡迎指正，大家互相交流。 Struts2UI標簽 Sturts2為了簡化我們的開發，也為我們提供了UI標簽...也就是顯示頁面的標簽..... 但是呢，Struts2是服務端的框架,因此使用頁面的標簽是需要...

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

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

YorkChen 2019-08-22 10:50 評論0 收藏0
jQuery實用的一些技巧

摘要：元素的大小設置可以在圖片加載完成后計算。禁用輸入有時你可能需要用表單的提交按鈕或者某個輸入框直到用戶執行了某個動作比如檢查我已閱讀條款復選框。如果文本不存在，則這個元素將被隱藏可見變化的觸發當用戶不再聚焦或者重新聚焦一個標簽時觸發腳本轉載引子 jQuery的存在，讓學習前端開發的人感到前端越來越容易入門了，用簡單的幾行代碼就可以實現需求，但是，你真的會用jQuery么，當代碼運行后無...

niuxiaowei111 2019-08-19 17:57 評論0 收藏0