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实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
推荐一个基于Node.js的表单验证库
Feb 15 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
May 28 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 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中json_encode中文编码问题分析
2011/09/13 PHP
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
js 操作符实例代码
2009/10/24 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
Mac中安装nvm的教程分享
2017/12/11 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
2020/02/12 Javascript
Vue实现开关按钮拖拽效果
2020/09/22 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python函数中的函数(闭包)用法实例
2016/03/15 Python
python GUI实例学习
2017/11/21 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
pandas值替换方法
2018/07/10 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
python 实现多维数组转向量
2019/11/30 Python
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
聚美优品恶搞广告词
2014/03/14 职场文书
政协委员个人总结
2015/03/03 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
go xorm框架的使用
2021/05/22 Golang
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python
PHP面试题 wakeup魔法 Ezpop pop序列化与反序列化
2022/04/11 PHP