layui多选框如何获取

在 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 还允许使用 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); // 输出：["china", "japan"]
});
</script>

注意：

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

以上就是layui多选框如何获取的详细内容，更多请关注叮当号网其它相关文章！