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 最近浏览过的商品的功能实现代码
May 14 Javascript
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
extjs render 用法介绍
Sep 11 Javascript
浅析javascript 定时器
Dec 23 Javascript
jquery操作angularjs对象
Jun 26 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
实现一个 Vue 吸顶锚点组件方法
Jul 10 Javascript
VUE兄弟组件传值操作实例分析
Oct 26 Javascript
js+canvas实现简单扫雷小游戏
Jan 22 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
js下函数般调用正则的方法附代码
2008/06/22 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
使用python实现baidu hi自动登录的代码
2013/02/10 Python
在Python中实现贪婪排名算法的教程
2015/04/17 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
Python3.6笔记之将程序运行结果输出到文件的方法
2018/04/22 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
CSS3弹性盒模型开发笔记(三)
2016/04/26 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
C语言面试题
2013/05/19 面试题
.NET面试问题集
2015/12/08 面试题
股东合作协议书
2014/09/12 职场文书
导师对论文的学术评语
2015/01/04 职场文书
推销搭讪开场白
2015/05/28 职场文书
大学生支教感言
2015/08/01 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
教你使用TensorFlow2识别验证码
2021/06/11 Python