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 相关文章推荐
javascript 数组学习资料收集
Apr 11 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
javascript常用函数(2)
Nov 05 Javascript
Bootstrap基本组件学习笔记之导航(10)
Dec 07 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
玩转vue的slot内容分发
Sep 22 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
vue实现在线翻译功能
Sep 27 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 Javascript
vue 清空input标签 中file的值操作
Jul 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
萌王史莱姆”萌王性别尴尬!那“萌战”归女组还是男?
2018/12/17 日漫
PHP初学者头疼问题总结
2006/10/09 PHP
PHP的命令行命令使用指南
2015/08/18 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
2019/09/26 Javascript
js blob类型url的视频下载问题的解决
2019/11/29 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
Python返回真假值(True or False)小技巧
2015/04/10 Python
用Python实现服务器中只重载被修改的进程的方法
2015/04/30 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
pymongo中group by的操作方法教程
2019/03/22 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
Python 获取项目根路径的代码
2019/09/27 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
python如何爬取网页中的文字
2020/07/28 Python
Python3.9新特性详解
2020/10/10 Python
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
医学专业五年以上个人求职信
2013/12/03 职场文书
招股说明书范本
2014/05/06 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
投标承诺函格式
2015/01/21 职场文书
心术观后感
2015/06/11 职场文书
升学宴学生致辞
2015/07/27 职场文书