layui2.8取复选框选中的值
时间: 2023-07-16 15:16:32 浏览: 55
如果你是在 layui 2.8 的表单组件中使用了复选框,并且想要获取用户所选中的值,你可以按照以下步骤进行操作:
1. 给所有的复选框添加一个相同的 name 属性,例如:name="checkbox"。
2. 使用 layui 的 form 模块监听复选框的选中事件,并在事件中获取选中的值。
代码示例:
HTML 代码:
```
<form class="layui-form">
<input type="checkbox" name="checkbox" value="1" title="选项1">
<input type="checkbox" name="checkbox" value="2" title="选项2">
<input type="checkbox" name="checkbox" value="3" title="选项3">
<button type="button" class="layui-btn" lay-submit lay-filter="submit">提交</button>
</form>
```
JavaScript 代码:
```
// 使用 layui 的 form 模块监听表单提交事件
layui.form.on('submit', function(data){
// 获取所有选中的复选框
var checkbox = $('input[name="checkbox"]:checked');
// 遍历选中的复选框,并将它们的值添加到一个数组中
var values = [];
checkbox.each(function(){
values.push($(this).val());
});
// 将选中的值输出到控制台
console.log(values);
return false;
});
```
在这个示例中,我们使用了 jQuery 库来简化代码。如果你没有使用 jQuery,你可以使用原生的 JavaScript 来完成同样的操作。