如何让Layui多选框只显示最后一个选中的值?

2026-04-08 14:261阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计241个文字,预计阅读时间需要1分钟。

如何让Layui多选框只显示最后一个选中的值?

在使用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;

以上是我的解决办法。希望对能对您有所帮助!主要是做一个记录,以免以后忘记了。

这篇Layui多选只有最后一个值的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

如何让Layui多选框只显示最后一个选中的值?

本文共计241个文字,预计阅读时间需要1分钟。

如何让Layui多选框只显示最后一个选中的值?

在使用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;

以上是我的解决办法。希望对能对您有所帮助!主要是做一个记录,以免以后忘记了。

这篇Layui多选只有最后一个值的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

如何让Layui多选框只显示最后一个选中的值?