可以使用 layui 的 form 模块中的 on() 方法来监听全部的 checkbox,具体操作如下:
1. 在 html 页面中,使用 form 组件渲染所有的 checkbox,例如:
```
<form class="layui-form" action="" lay-filter="example">
<div class="layui-form-item">
<input type="checkbox" name="checkbox1" title="复选框1">
<input type="checkbox" name="checkbox2" title="复选框2">
<input type="checkbox" name="checkbox3" title="复选框3">
</div>
</form>
```
2. 在 javascript 代码中,使用 layui 的 form 模块中的 on() 方法来监听所有的 checkbox,例如:
```
layui.use('form', function(){
var form = layui.form;
form.on('checkbox(*)', function(data){
console.log(data.elem); //得到checkbox原始DOM对象
console.log(data.elem.checked); //是否被选中,true或者false
console.log(data.value); //复选框value值,也可以通过data.elem.value得到
console.log(data.othis); //得到美化后的DOM对象
});
// 手动触发渲染
form.render();
});
```
其中,`checkbox(*)` 表示监听所有的 checkbox,可以根据需要对其中的 `*` 进行替换。
注意:需要先调用 `form.render()` 方法来手动触发表单渲染,否则监听事件不会生效。