TP5 layui 核取方塊的 add 和 edit

2021-09-13 00:10:19 字數 1552 閱讀 9148

荊軻刺秦王

今天在寫核取方塊的時候,遇到乙個小問題,糾結了半天,所以特地在此記錄下來。

前台模版用的 layui 後台框架是 tp5.0

插個話題,tp5.0 和 tp5.1 有一點區別

1. input 助手函式,接收陣列的時候

$info = input('info/a');  版本接收陣列要加/a  5.1則不用
2. composer 安裝驗證碼的時候,要指定 1 的版本

兩個小細節,需要注意。

言歸正傳:

先看一下,最終效果:

資料庫的相對應的字段是 varchar 資料型別為:1,2,3    1代表標間  2代表雙人間  3代表三人間 中間用逗號隔開

廢話不多說,直接上**:

edit :

酒店房間型別

依舊會有編輯器的報錯資訊,但是不要在意,不影響正常執行。

相對應的控制器 edit 的**:

public function edit($id)else

}else

}

酒店房間型別

js 部分:

layui.use(['form','jquery','element','layer'], function());

var param = data.field;

console.log(param);

//這裡是核取方塊

var arr = new array();

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

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

//核取方塊結束

jq.post('',param,function(json), function()";

});}else);

}},'json');

return false;

});});

相對應的 add 控制器:

public function add()else

}else

}

至此,整個核取方塊的問題就解決了。

2023年3月26日更新

上線前測試的時候,發現我的核取方塊的狀態不太對,主要體現在 edit 的時候:

現在修改一下 edit 函式的**:

public function edit($id)else

}else

}

然後是 edit 的模板檔案:

酒店房間型別

乙個 in_array 陣列就將問題解決了。

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 最後寫後台 ...