在 layui 中获取多选框值的方法：使用 lay-value 属性：获取所有已选选项的 lay-value，结果为包含值的数组。使用 lay-filter 属性：获取具有指定 lay-filter 的所有已选选项的 lay-value，结果为包含值的数组。

如何在 layui 中获取多选框值

layui 多选框提供了一种简洁且易用的方式来选择多个选项。以下是如何获取所选选项的值：

1. 使用 lay-value 属性

每个多选框选项都可以设置一个 lay-value 属性，用于指定其值。可以使用以下代码获取所有已选选项的 lay-value：

var values = layui.formSelects.getValue('id-of-multi-select');

values 将是一个数组，其中包含所有已选选项的 lay-value。

2. 使用 lay-filter 属性

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

layui 还允许使用 lay-filter 属性来分组多选框。要获取具有特定 lay-filter 的所有已选选项的值，请使用以下代码：

var values = layui.formSelects.filter('filter-name').getValue();

values 将是一个数组，其中包含具有指定 lay-filter 的所有已选选项的 lay-value。

实例

以下示例展示了如何使用上述方法获取多选框值：

中国 日本 美国

<script> layui.use('formSelects', function() { var values = layui.formSelects.getValue('multi-select'); console.log(values); // &#36755;&#20986;&#65306;["china", "japan"] }); </script>

注意：

• layui.formSelects.getValue() 方法返回的是一个数组，其中包含所有已选选项的 lay-value。
• 如果没有选择任何选项，该方法将返回一个空数组。