解決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)文章
Javascript類型系統(tǒng)之undefined和null淺析
這篇文章主要介紹了Javascript類型系統(tǒng)之undefined和null的知識,通過本文還簡單給大家介紹了javascript中null和undefined的區(qū)別的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07JavaScript中三種for循環(huán)語句的使用總結(jié)(for、for...in、for...of)
這篇文章主要給大家介紹了關(guān)于JavaScript中三種for循環(huán)語句的使用的相關(guān)資料,For循環(huán)用在需要重復(fù)執(zhí)行的某些代碼,本文介紹的三種for循環(huán)分別包括for、for...in、for...of,需要的朋友可以參考下2021-06-06JavaScript中Null與Undefined的區(qū)別解析
這篇文章主要介紹了JavaScript中Null與Undefined的區(qū)別解析,本文給出了多個代碼實例講解它們之間的區(qū)別,需要的朋友可以參考下2015-06-06js+for循環(huán)實現(xiàn)字符串自動轉(zhuǎn)義的代碼(把后面的字符替換前面的字符)
這段代碼是從網(wǎng)上看到的一段不錯的代碼,用for命令實現(xiàn)字符串的轉(zhuǎn)移,而且使用的是for循環(huán)直接將后面的字符替換成前面的字符,這個邏輯以前沒試過2020-12-12使用dynatrace-ajax跟蹤JavaScript的性能
DynaTrace 致力于分析后臺應(yīng)用性能的表現(xiàn)已經(jīng)好幾年了,最近,他們通過發(fā)布dynaTrace Ajax Edition進入了前端性能分析領(lǐng)域. 它是一個運行在IE下的BHO免費工具. 雖然我喜歡Firefox和它下面的所有插件,但我知道基于IE的測試和調(diào)試也是很重要的。2010-04-04js對列表中第一個值處理與jsp頁面對列表中第一個值處理的區(qū)別詳解
本文是對js對列表中第一個值處理與jsp頁面對列表中第一個值處理的區(qū)別進行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11淺談javascript中l(wèi)odash與lodash-es的區(qū)別
本文主要介紹了javascript中l(wèi)odash與lodash-es的區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10