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 函数调用的对象和方法
Jul 01 Javascript
javascript三元运算符用法实例
Apr 16 Javascript
javascript创建动态表单的方法
Jul 25 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
Nov 17 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
jquery获取select,option所有的value和text的实例
Mar 06 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
Vue仿支付宝支付功能
May 25 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 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以ROOT权限执行系统命令的方法
2011/02/10 PHP
学习php设计模式 php实现建造者模式
2015/12/07 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
script标签属性用type还是language
2015/01/21 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
js面向对象的写法
2016/02/19 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
2020/11/24 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
在Django的通用视图中处理Context的方法
2015/07/21 Python
Python性能提升之延迟初始化
2016/12/04 Python
python计算auc指标实例
2017/07/13 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python多维数组切片方法
2018/04/13 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
基于Python获取照片的GPS位置信息
2020/01/20 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
C语言开发工程师测试题
2016/12/20 面试题
什么是规则表达式
2012/05/03 面试题
《蒲公英》教学反思
2014/02/28 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python
JS前端监控采集用户行为的N种姿势
2022/07/23 Javascript