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 (二) 万能的选择器
Oct 01 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
理解JavaScript的变量的入门教程
Jul 07 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
vue实现微信分享功能
Nov 28 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 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实现多文件上传的方法
2015/07/08 PHP
使用php+swoole对client数据实时更新(一)
2016/01/07 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
Jquery 扩展方法
2010/05/06 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
JavaScript注入漏洞的原理及防范(详解)
2016/12/04 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
vue弹窗组件的实现示例代码
2018/09/10 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
2019/02/22 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
浅谈python函数之作用域(python3.5)
2017/10/27 Python
python输入中文的实例方法
2020/09/14 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
档案接收函范文
2014/01/10 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
道路交通安全实施方案
2014/03/12 职场文书
学校募捐倡议书
2014/05/14 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
学习十八大的心得体会
2014/09/12 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
2014年教研员工作总结
2014/12/23 职场文书
个人向公司借款协议书
2016/03/19 职场文书
sql server 累计求和实现代码
2022/02/28 SQL Server