在使用Layui框架开发网页应用时，遇到的一个常见问题是多选框（checkbox）只返回最后一个选中的值，而不是所有选中的值。这个问题通常出现在尝试获取表单数据时，特别是当多个多选框共享相同的name属性时。为了解决这个问题，我们需要采取一些额外的步骤来正确地收集和处理多选框的选中值。
问题出现的原因是Layui的form模块在默认情况下，只将最后选中的多选框值加入到数据对象中。例如，如果你的多选框代码如下：
```html
<input type="checkbox" name="industry" value="1"> Industry 1
<input type="checkbox" name="industry" value="2"> Industry 2
<input type="checkbox" name="industry" value="3"> Industry 3
```
当你通过`data.field`获取表单数据时，仅会得到最后一个选中项的值，即使你尝试使用数组形式的name属性，如`name="industry[]"`或`name="industry[1]"`、`name="industry[2]"`等，结果仍然相同。
为了解决这个问题，我们需要手动遍历多选框元素并收集所有选中的值。以下是一个示例解决方案：
```javascript
// 获取所有名为"industry"的input元素
var industryObj = $('input[name="industry"]');
// 创建一个空数组用于存储选中的值
var check_val = [];
// 遍历所有input元素
for (var k in industryObj) {
// 检查元素是否被选中
if (industryObj[k].checked) {
// 如果选中，将值添加到check_val数组
check_val.push(industryObj[k].value);
}
}
// 将收集到的选中值覆盖原有的field.industry
data.field.industry = check_val;
```
这段代码首先通过jQuery选择器找到所有name为"industry"的input元素，然后遍历这些元素，检查它们的checked属性。如果一个元素被选中，它的值就会被添加到`check_val`数组中。将这个包含所有选中值的数组赋值给`data.field.industry`，这样在提交表单时，你就可以得到所有选中的多选框值了。
这个解决方案可以很好地解决Layui多选框只返回最后一个值的问题，但需要注意的是，它依赖于jQuery库。如果你的项目中不使用jQuery，可以使用原生JavaScript的DOM操作来实现相同的功能。例如，用`document.querySelectorAll`代替`$('input[name="industry"]')`，用`element.getAttribute('value')`代替`industryObj[k].value`，并使用`Array.prototype.forEach`或`for...of`循环来迭代元素集合。
当你遇到Layui多选框只返回最后一个值的情况时，可以通过手动遍历和收集选中值的方式来解决。这种解决方案既简单又实用，能够确保你在获取表单数据时获取到所有选中的多选框值。
