荊軻刺秦王
今天在寫核取方塊的時候,遇到乙個小問題,糾結了半天,所以特地在此記錄下來。
前台模版用的 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 最後寫後台 ...