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

如何在 layui 中获取多选框值
layui 多选框提供了一种简洁且易用的方式来选择多个选项。以下是如何获取所选选项的值:
1. 使用 lay-value 属性
每个多选框选项都可以设置一个 lay-value 属性,用于指定其值。可以使用以下代码获取所有已选选项的 lay-value:
<code class="javascript">var values = layui.formSelects.getValue('id-of-multi-select');</code>values 将是一个数组,其中包含所有已选选项的 lay-value。
2. 使用 lay-filter 属性
layui 还允许使用 lay-filter 属性来分组多选框。要获取具有特定 lay-filter 的所有已选选项的值,请使用以下代码:
<code class="javascript">var values = layui.formSelects.filter('filter-name').getValue();</code>values 将是一个数组,其中包含具有指定 lay-filter 的所有已选选项的 lay-value。
实例
以下示例展示了如何使用上述方法获取多选框值:
<code class="html"><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></code>注意:
-
layui.formSelects.getValue()方法返回的是一个数组,其中包含所有已选选项的lay-value。 - 如果没有选择任何选项,该方法将返回一个空数组。










