Layui多选只有最后一个值的解决方法


Posted in Javascript onSeptember 02, 2019

在使用Layui的时候,获取checkbox的表单数据,会出现只会获取到最后一个选中的值,不管是将checkbox的name设置成 name[]或name[1] ,name[2]均无效。

form.on('submit(add)',function(data){
  console.log(data.field);
});

此时你会发现,输入的checkbox中只有最后一个值。没有办法,只能自己想办法处理了。

var industryObj = $('input[name="industry"]');
var check_val = [];
for(k in industryObj){
  if(industryObj[k].checked){
    check_val.push(industryObj[k].value);
  }
}
 
data.field.industry = check_val;

以上是我的解决办法。希望对能对您有所帮助!主要是做一个记录,以免以后忘记了。

这篇Layui多选只有最后一个值的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js中sort()方法的用法
Nov 04 Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
javascript正则表达式中参数g(全局)的作用
Nov 11 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
JS使用正则表达式提交页面验证的代码
Oct 16 Javascript
微信小程序自定义弹出层效果
May 26 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 #Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 #Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 #Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 #Javascript
利用JS响应式修改vue实现页面的input值
Sep 02 #Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 #Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 #Javascript
You might like
PHP的FTP学习(三)
2006/10/09 PHP
PHP和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
浅析php fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
node.js中的events.emitter.removeListener方法使用说明
2014/12/10 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
python实现的简单FTP上传下载文件实例
2015/06/30 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
一个可以套路别人的python小程序实例代码
2019/04/09 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
网络安全方面的面试题
2016/01/07 面试题
学年自我鉴定
2014/01/16 职场文书
人事文员岗位职责
2014/02/16 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang