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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
IE和Firefox之间在JavaScript语法上的差异
Apr 22 Javascript
什么是JavaScript中的结果值?
Oct 08 Javascript
js运动事件函数详解
Oct 21 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
详解用node-images 打造简易图片服务器
May 08 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
design vue 表格开启列排序的操作
Oct 28 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 5.3.5安装memcache注意事项小结
2011/04/12 PHP
调试php程序的简单步骤
2019/10/04 PHP
<script defer> defer 是什么意思
2009/05/10 Javascript
起点页面传值js,有空研究学习下
2010/01/25 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
2015/02/20 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
对Layer弹窗使用及返回数据接收的实例详解
2019/09/26 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python插入排序算法的实现代码
2013/11/21 Python
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
Python2.x与Python3.x的区别
2016/01/14 Python
python和opencv实现抠图
2018/07/18 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
python实现AdaBoost算法的示例
2020/10/03 Python
video实现有声音自动播放的实现方法
2020/05/20 HTML / CSS
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
药剂专业学生求职信范文
2013/12/28 职场文书
采购部部长岗位职责
2014/02/06 职场文书
党员创先争优承诺书
2014/03/26 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
检讨书模板大全
2015/05/07 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs
Mysql Online DDL的使用详解
2021/05/20 MySQL