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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
JavaScript 无符号右移运算符
Apr 17 Javascript
jQuery DIV弹出效果实现代码
Jul 03 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
May 24 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
JS之相等操作符详解
Sep 13 Javascript
基本DOM节点操作
Jan 17 Javascript
vue中的适配px2rem示例代码
Nov 19 Javascript
javascript的delete运算符知识点总结
Nov 19 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安全配置
2006/10/09 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
基于jquery的tab切换 js原理
2010/04/01 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
js倒计时小程序
2013/11/05 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
Javascript实现字数统计
2015/07/03 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
JS库之wow.js使用方法
2017/09/14 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
js事件机制----捕获与冒泡机制实例分析
2020/05/22 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
python通过字典dict判断指定键值是否存在的方法
2015/03/21 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
使用Scrapy爬取动态数据
2018/10/21 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
绝对经典成功的大学生推荐信
2013/11/08 职场文书
村班子对照检查材料
2014/08/18 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
教导主任个人总结
2015/03/03 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
Linux下使用C语言代码搭建一个简单的HTTP服务器
2022/04/13 Servers