layui复选框取值
时间: 2023-09-14 18:02:39 浏览: 70
在 layui 中,复选框可以通过获取选中的值来进行取值。你可以使用下面的方法来获取 layui 复选框的值:
1. 首先,给复选框设置一个 id 或者 class,例如:
```html
<input type="checkbox" name="checkbox" value="1" lay-skin="primary" title="选项1" id="checkbox1">
<input type="checkbox" name="checkbox" value="2" lay-skin="primary" title="选项2" id="checkbox2">
<input type="checkbox" name="checkbox" value="3" lay-skin="primary" title="选项3" id="checkbox3">
```
2. 然后,在 JavaScript 中使用 layui 的 form 模块来监听复选框的变化,并获取选中的值。例如:
```javascript
layui.use(['form'], function () {
var form = layui.form;
// 监听复选框变化
form.on('checkbox', function (data) {
var values = [];
$('input[name="checkbox"]:checked').each(function () {
values.push($(this).val());
});
console.log(values); // 输出选中的值
});
});
```
通过上述代码,当你选中或取消选中复选框时,会触发相应的事件并将选中的值存储在一个数组中。你可以根据需要进行进一步的操作,比如将这些值发送到后端进行处理。