解決layui checkbox 提交多個值的問題
更新時間：2019年09月02日 09:36:42 作者：Gino_tkzzz
今天小編就為大家分享一篇解決layui checkbox 提交多個值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
吐槽一下,layui的checkbox簡直就是一個坑...(不能提交數(shù)組)
數(shù)據(jù)是從后臺來的
<div class="layui-form-item" >
<label class="layui-form-label">品種</label>
<div class="layui-input-inline">
{foreach $quotation_type as $key=>$val}
<input name="quotation_type" lay-skin="primary" value="{$key}" title="{$val}" type="checkbox">
{/foreach}
</div>
</div>
看看JS部分,有點繞,先把數(shù)據(jù)寫進數(shù)組,然后,數(shù)組轉(zhuǎn)成json格式,覆蓋掉原先的data.field里面的數(shù)據(jù)
//獲取checkbox數(shù)據(jù)
quotation = new Array();
$("input:checkbox[name='quotation_type']:checked").each(function(){
quotation.push($(this).val());
});
var json = {};
for (var i = 0; i < quotation.length; i++) {
json[i] = quotation[i];
}
let myJson = JSON.stringify(json);
data.field.quotation_type = myJson ;
PHP部分,只需要把提交過來的json字符串轉(zhuǎn)成數(shù)組就可以使用了
//提交的checkbox 提交過來的是json字符串
$data['quotation_type'] = json_decode($request->post('quotation_type'),true);
最后,進行你需要的數(shù)據(jù)庫操作就可以了。
以上這篇解決layui checkbox 提交多個值的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Layui Table js 模擬選中checkbox的例子
- layui之table checkbox初始化時選中對應(yīng)選項的方法
- LayUI動態(tài)設(shè)置checkbox不顯示的解決方法
- layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項的例子
- 解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法
- 解決Layui選擇全部,換頁checkbox復(fù)選框重新勾選的問題方法
- layui的table單擊行勾選checkbox功能方法
- layui表格checkbox選擇全選樣式及功能的實例
- layui實現(xiàn)checkbox的目錄樹tree的例子
相關(guān)文章
這篇文章主要介紹了淺談Webpack打包優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
javascript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法
查找數(shù)據(jù)有2種方式，順序查找和二分查找。順序查找適用于元素隨機排列的列表。二分查找適用于元素已排序的列表。二分查找效率更高，但是必須是已經(jīng)排好序的列表元素集合2015-04-04
微信JSSDK實現(xiàn)打開攝像頭拍照再將相片保存到服務(wù)器
這篇文章主要介紹了微信JSSDK實現(xiàn)打開攝像頭拍照再將相片保存到服務(wù)器，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要為大家詳細(xì)介紹了ionic實現(xiàn)滑動的三種方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
每天一對象,今天我們也來new一個。沒有系統(tǒng)的學(xué)過JS，沒有特別的寫過一個比較出色的類庫，沒有運用過一個很強的類庫，prototype.js在進行著，慢慢的前進相信不久的將來就可以應(yīng)用prototype.js來開發(fā)自己的應(yīng)用程序了。2008-10-10
如何創(chuàng)建一個類Person？下面小編就為大家?guī)硪黄獎?chuàng)建一個類Person的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
微信小程序使用map組件實現(xiàn)獲取定位城市天氣或者指定城市天氣數(shù)據(jù)功能
這篇文章主要介紹了微信小程序使用map組件實現(xiàn)獲取定位城市天氣或者指定城市天氣數(shù)據(jù)功能,涉及微信小程序map組件結(jié)合微信API獲取天氣信息相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
JS 實現(xiàn)倒計時數(shù)字時鐘效果【附實例代碼】
下面小編就為大家?guī)硪黄狫S 實現(xiàn)倒計時數(shù)字時鐘效果【附實例代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做一個參考。2016-03-03
詳解JavaScript如何優(yōu)雅地實現(xiàn)創(chuàng)建多維數(shù)組
多維數(shù)組的意思是指三維或者三維以上的數(shù)組。這篇文章將通過示例為大家詳細(xì)講解一下JavaScript如何實現(xiàn)優(yōu)雅地創(chuàng)建多維數(shù)組，需要的可以參考一下2022-07-07
這篇文章主要介紹了javascript初學(xué)者常用技巧,包括javascript的存放位置、格式及焦點事件等,需要的朋友可以參考下2014-09-09