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 相关文章推荐
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
javascript测试题练习代码
Oct 10 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
15个jquery常用方法、小技巧分享
Jan 13 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
Vue实现小购物车功能
Dec 21 Vue.js
解决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 阴历-农历-转换类代码
2012/01/16 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
JavaScript 数组的深度复制解析
2016/11/02 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
Vue快速实现通用表单验证的方法
2020/02/24 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
理解python正则表达式
2016/01/15 Python
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
python3.9实现pyinstaller打包python文件成exe
2020/12/13 Python
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
大学校庆策划书
2014/01/31 职场文书
企业内控岗位的职责
2014/02/07 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
服务明星事迹材料
2014/12/29 职场文书
趵突泉导游词
2015/02/03 职场文书
表扬信范文
2015/05/04 职场文书
元旦主持词开场白
2015/05/29 职场文书
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
厉害!这是Redis可视化工具最全的横向评测
2021/07/15 Redis
无线电知识基础入门篇
2022/02/18 无线电