angular 核取方塊checkBox多選的應用

2022-08-21 00:09:17 字數 578 閱讀 8828

應用場景是這樣的,後台返回的資料在頁面上覆選框的形式repeat出來

可能會有兩種需求:

第一:後台返回的只有項,而沒有預設選中狀態(全是待選狀態)

這種情況相對簡單只要repeat出相應選項

第二:後台返回的不僅有項,還有選中狀態

這個時候需要後台返回乙個帶狀態值的引數,然後繫結在modal上,設定ng-true-value=「」中 預設選中的值,reepeat出來的時候就可以帶選中狀態了。

接下來說下重點:怎麼把選中的打鉤項一併傳給後台,

我這裡說下我個人的做法

主要是在每個 checkbox 上新增 ng-click 並且將key值傳入

之後在點選的時候進行判斷,主要**

(id)

else

}ok,這樣只要把相應的陣列傳入後端就可以了。

html做出漂亮的核取方塊(angular)

效果 首先要準備兩張svg格式的,分別是未選中狀態和選中狀態的。icon check.svg icon nocheck.svg 因為我用的是angular寫的,大家可以根據自己的框架自行更改。index.html index.scss checkbox labe 讓預設的checkbox圖示隱藏 c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...