解決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ù)寫進(jìn)數(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);

最后,進(jìn)行你需要的數(shù)據(jù)庫操作就可以了。

以上這篇解決layui checkbox 提交多個值的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

淺談Webpack打包優(yōu)化技巧
這篇文章主要介紹了淺談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
ionic實現(xiàn)滑動的三種方式
這篇文章主要為大家詳細(xì)介紹了ionic實現(xiàn)滑動的三種方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
JS Array對象入門分析
每天一對象,今天我們也來new一個。沒有系統(tǒng)的學(xué)過JS，沒有特別的寫過一個比較出色的類庫，沒有運用過一個很強的類庫，prototype.js在進(jìn)行著，慢慢的前進(jìn)相信不久的將來就可以應(yīng)用prototype.js來開發(fā)自己的應(yīng)用程序了。
2008-10-10
創(chuàng)建一個類Person的簡單實例
如何創(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初學(xué)者常用技巧,包括javascript的存放位置、格式及焦點事件等,需要的朋友可以參考下
2014-09-09