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

2021-10-06 02:50:57 字數 649 閱讀 3561

使用layui核取方塊的時候需要向後台傳遞值,值的形式為逗號分割的形式。如下圖需要選擇多個條件。

layui的前端樣式**如下

核取方塊

向後台傳值

layui.use(['form'], function () 

//獲取checkbox[name='level']的值,獲取所有選中的核取方塊,並將其值放入陣列中

var arr = new array();

$("input:checkbox[name='level']:checked").each(function(i));

// 替換 data.field.level的資料為拼接後的字串

data.field.level = arr.join(",");//將陣列合併成字串

layer.confirm('是否儲存?', , function () })

}, function () );

});return false;

});

通過ajax向後台傳遞引數即可,最後資料庫接收的資料形式類似如下:

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

layui 樹形元件核取方塊

第一步 匯入的layui必須是2.5後的版本,2.5之前的 弄不了 前端 1 這是第一步的搜尋框 通知使用者 2 這是樹形容器,也就是右邊彈出的選擇框確定 以上是頁面 3 然後寫頁面的js,也就是控制樹形核取方塊那些 以上是寫樹形的js,記得到layui2.5之後的layui.js 4 最後寫後台 ...