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 相关文章推荐
TFDN图片播放器 不错自动播放
Oct 03 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
详解webpack+express多页站点开发
Dec 22 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
layui之table checkbox初始化时选中对应选项的方法
Sep 02 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压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP面向对象程序设计内置标准类,普通数据类型转为对象类型示例
2019/06/12 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
2019/07/09 PHP
自动更新作用
2006/10/08 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
深入浅析JavaScript中数据共享和数据传递
2016/04/25 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
jQuery中的deferred对象和extend方法详解
2017/05/08 jQuery
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
Angular5集成eventbus的示例代码
2018/07/19 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
详解javascript void(0)
2020/07/13 Javascript
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
python读取word文档的方法
2015/05/09 Python
python编程开发之textwrap文本样式处理技巧
2015/11/13 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Django中的文件的上传的几种方式
2018/07/23 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
大学生简短的自我评价
2014/09/12 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
认识实习感想
2015/08/10 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript