解决layui checkbox 提交多个值的问题
更新时间：2019年09月02日 09:36:42 作者：Gino_tkzzz
今天小编就为大家分享一篇解决layui checkbox 提交多个值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
吐槽一下,layui的checkbox简直就是一个坑...(不能提交数组)
数据是从后台来的
<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部分,有点绕,先把数据写进数组,然后,数组转成json格式,覆盖掉原先的data.field里面的数据
//获取checkbox数据
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字符串转成数组就可以使用了
//提交的checkbox 提交过来的是json字符串
$data['quotation_type'] = json_decode($request->post('quotation_type'),true);
最后,进行你需要的数据库操作就可以了。
以上这篇解决layui checkbox 提交多个值的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了面试常见的js算法题。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要给大家介绍了Javascript生成带有参树二维码的方法,实现的方法还是很简单的，有需要的朋友们可以参考借鉴。下面来一起看看吧。2016-10-10
这篇文章主要介绍了JavaScript获取当前cpu使用率的方法,涉及JavaScript针对系统硬件操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要给大家总结介绍了关于JavaScript中的一些实用小技巧，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要介绍了前端开发之CSS原理详解的相关资料,需要的朋友可以参考下2017-03-03
artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。接下来通过本文给大家介绍ArtEditor富文本编辑器增加表单提交功能，对arteditor编辑器相关知识感兴趣的朋友一起学习吧2016-04-04
这篇文章主要介绍了p5.js入门教程之键盘交互,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
在客户端存储数据时，我们一般都用cookie(不敏感数据)，但是在客户端越来越富的今天，cookie可存储的量(每个域最大4k)实在是小,已经满足不了我们的需求2012-11-11
这篇文章主要为大家详细介绍了小程序自定义轮播图圆点组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
使两个iframe的高度与内容自适应,且相等...2006-11-11
最新评论