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 相关文章推荐
获取当前网页document.url location.href区别总结
May 10 Javascript
javascript 选择文件夹对话框(web)
Jul 07 Javascript
让textarea自动调整大小的js代码
Apr 12 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
PHP防CC攻击实现代码
2011/12/29 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
vue使用video.js进行视频播放功能
2019/07/18 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
[48:31]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第一场 2月2日
2021/03/11 DOTA
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
小溪流的歌教学反思
2014/02/13 职场文书
结婚周年感言
2014/02/24 职场文书
党员承诺书内容
2014/03/26 职场文书
房产公证书
2015/01/23 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
劳保用品管理制度范本
2015/08/06 职场文书
2015团员个人年度总结
2015/11/24 职场文书
如何拟写通知正文?
2019/04/02 职场文书
话题作文之学会尊重
2019/12/16 职场文书
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS