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 Selector选择器小结
May 06 Javascript
javascript 二进制运算技巧解析
Nov 27 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
bootstrap中的 form表单属性role="form"的作用详解
Jan 20 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
JavaScript惰性载入函数实例分析
Mar 27 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
JS如何把字符串转换成json
Feb 21 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读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
javascript读写json示例
2014/04/11 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
在vue中封装可复用的组件方法
2018/03/01 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python实现的购物车功能示例
2018/02/11 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
python如何删除文件中重复的字段
2019/07/16 Python
python数据预处理方式 :数据降维
2020/02/24 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
高中生学习的自我评价
2013/12/14 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
高中家长寄语
2014/04/02 职场文书
作文评语集锦大全
2014/04/23 职场文书
活动总结书
2014/05/08 职场文书
村党支部书记承诺书
2014/05/29 职场文书
大学生作弊检讨书
2014/09/11 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技