使用mui的input元件的注意事項

2022-04-07 19:03:37 字數 1316 閱讀 6964

業務需求這樣:使用者前乙個頁面選擇了乙個機構,到機構頁面agents.html,預設選中該input框。

一開始我是這樣做的:

if

(insid)

count為計數使用,機構頁面最多選擇3個機構。當選擇3個的時候。其他機構的input框為不可點選狀態,即新增disabled屬性。

之後在控制台列印count,發現乙個問題:

即預設選中的input框再次點選的時候,count是再加1,

而點選其他input的時候,count是隨之狀態加減。

選中預設input框的狀態。檢視dom屬性為checked=true,點選之後屬性仍然為checked=true。

由此判斷使用attr去定義input的checked屬性的問題。

稍作修改:

$('input[data-id="'+insid+'"]').prop('checked',true);

解決~

補充:在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。

關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單:

上面的描述也許有點模糊,舉幾個例子就知道了。 

這個例子裡元素的dom屬性有「href、target和class",這些屬性就是元素本身就帶有的屬性,也是w3c標準裡就包含有這幾個屬性,或者說在ide裡能夠智慧型提示出的屬性,這些就叫做固有屬性。處理這些屬性時,建議使用prop方法。

刪除

這個例子裡元素的dom屬性有「href、id和action」,很明顯,前兩個是固有屬性,而後面乙個「action」屬性是我們自己自定義上去的,元素本身是沒有這個屬性的。這種就是自定義的dom屬性。處理這些屬性時,建議使用attr方法。使用prop方法取值和設定屬性值時,都會返回undefined值。

再舉乙個例子:

是否可見

是否可見

像checkbox,radio和select這樣的元素,選中屬性對應「checked」和「selected」,這些也屬於固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chk1").prop("checked") == false

$("#chk2").prop("checked") == true

如果上面使用attr方法,則會出現:

$("#chk1").attr("checked") == undefined

$("#chk2").attr("checked") == "checked"

MUI和Mint UI元件的使用

github 倉儲位址 mint ui官方文件 匯入所有mintui元件 import mintui from mint ui 匯入樣式表 import mint ui lib style.css 在 vue 中使用 mintui vue.use mintui 使用的例子 primary size ...

WindowsFormsHost的使用注意

一使用1引用 2xmlns wfi clr namespace system.windows.forms.integration assembly windowsformsintegration xmlns wf clr namespace system.windows.forms assembly...

Hystrix dashboard的使用注意事項

hystrix 服務監控面板如何與被監控服務對接起來 他其實是個三合一註解,包含了如下三個註解 放到啟動類中即可,注意 hystrix.stream 乙個字都不能錯 for dashboard bean public servletregistrationbean hystrixmetricsstr...