多核取方塊傳值

2021-08-22 04:49:42 字數 621 閱讀 8295

需求是這樣的:

需要設計多個字段,分別對應實體的各個屬性,儲存到對應的屬性下。

首先想到的是核取方塊,但是如果使用乙個複選,選擇多個資料時,要麼後台根據逗號隔開,再判斷哪個屬性是否有值,非常的繁瑣;於是想到了多個複選解決;乙個核取方塊只有乙個值(即只有乙個option),在選擇這個複選時改變這個唯一option的值,但是option不好實現,所以使用過的隱藏域,每個複選對應乙個隱藏域,當選中時,改變隱藏域的值,而隱藏域對應是物件的屬相;在儲存時通過判斷是否選中來設定隱藏域的值,達到儲存的效果;在修改回顯時,通過回顯隱藏域的值才判斷複選是否選中;而達到回顯效果;具體**如下:

前台的複選和隱藏域:

在儲存時判斷是否選中,設定隱藏域的值:

在修改時回顯:

預設回顯到隱藏域,然後根據隱藏域的值,判斷複選是否選中:

layui的核取方塊如何向後台傳值

使用layui核取方塊的時候需要向後台傳遞值,值的形式為逗號分割的形式。如下圖需要選擇多個條件。layui的前端樣式 如下 核取方塊 向後台傳值 layui.use form function 獲取checkbox name level 的值,獲取所有選中的核取方塊,並將其值放入陣列中 var ar...

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...