如何解决Layui多选组件只显示最后一个选中值的问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计241个文字,预计阅读时间需要1分钟。
在使用Layui时,获取checkbox的表单数据,只会获取到最后一个选中的值,无论checkbox的name属性设置为+name[]、name[1]或name[2]等均无效。示例代码如下:
javascriptform.on('submit(add)', function(data) { console.log(data.f);});
在使用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;
以上是我的解决办法。
本文共计241个文字,预计阅读时间需要1分钟。
在使用Layui时,获取checkbox的表单数据,只会获取到最后一个选中的值,无论checkbox的name属性设置为+name[]、name[1]或name[2]等均无效。示例代码如下:
javascriptform.on('submit(add)', function(data) { console.log(data.f);});
在使用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;
以上是我的解决办法。

