layui多选框如何获取

百变鹏仔 1个月前 (11-15) #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。

实例

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

<form class="layui-form">  <select name="country" id="multi-select" lay-filter="country" multiple lay-search>    <option value="china" lay-value="0">中国</option>    <option value="japan" lay-value="1">日本</option>    <option value="usa" lay-value="2">美国</option>  </select></form><script>layui.use('formSelects', function() {  var values = layui.formSelects.getValue('multi-select');  console.log(values); // 输出：["china", "japan"]});</script>

注意：

文章推荐

layui多选框如何获取

layui的分页怎么用

layui怎么设置checkbox勾选

layui怎么对弹出层显示数据

layui表格怎么清空

layui有什么主要功能