TP5 layui 開關狀態

荊軻刺秦王

在實際專案中我們有可能會用到對某條資料的狀態進行開關操作通常為 status 字段，狀態開關

本文結合 tp5 和 layui 做乙個簡單的開關

最終效果如圖：

根據資料庫中的字段，0 或者 1 定義開關是開啟還是關閉狀態

廢話不多說，直接上**：

是否有效是否簽到是否入場

因為我這個頁面只是乙個檢視內容的 detail 頁面，所以不需要編輯只是乙個狀態的展示，個人感覺，如果有需要 ajax 提交後台，更改狀態的話，只需要根據 layui 的官方文件中加乙個 lay-filter="switchtest" ，然後在 js 中

//監聽指定開關
form.on('switch(switchtest)', function(data));

我暫時沒用到，所以具體**就不放辣。有需要的小夥伴可以去試試。

本文需要注意的一點是：在 input 那一行 **在編輯器中是會報錯的，但是不影響程式的正常執行，還有就是 eq 標籤的 name 屬性，一定不要加 $ 加上反而會錯。我後台向前台傳的是乙個陣列，所以小夥伴要根據自己的情況選擇。