layui的复选框回调

在 layui中，复选框的选中状态可以通过监听lay-filter属性来实现回调。具体的实现步骤如下：

1. 在HTML中定义复选框元素，并指定lay-filter属性，例如：

<input type="checkbox" name="checkbox" lay-skin="primary" title="复选框1" lay-filter="test">

2. 在JavaScript中监听lay-filter属性，例如：

layui.use(['form'], function () {
  var form = layui.form;
  
  form.on('checkbox(test)', 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对象
  });
});

在监听函数中，可以通过data对象获取复选框的选中状态、值以及美化后的DOM对象等信息。

相关问题

layui复选框被选中事件

在 layui 中，复选框被选中事件可以通过监听 form 模块的 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.elem.getAttribute('name')); //复选框name属性值
  });  
});

在上述代码中，我们通过 layui.use('form', function(){...}) 方法加载了 layui 的 form 模块。然后，我们通过 form.on('checkbox', function(data){...}) 方法监听了复选框被选中事件，并在事件回调函数中处理相关逻辑。其中，data 参数是一个对象，包含了复选框的相关信息，如复选框的 DOM 对象、是否被选中、value 值和 name 属性值等。

layui 监听表格复选框

在Layui中，我们可以通过监听表格复选框的方式来实现响应选中状态的功能。具体操作如下：

1. 首先，我们需要在表格的每一行加入一个复选框，通过配置lay-skin属性来设置复选框的样式。例如：

   <input type="checkbox" lay-skin="primary">

2. 接下来，我们可以使用Layui的事件监听机制来监听复选框的选中状态。通过给复选框绑定lay-filter属性，并在表格的渲染参数中配置done回调函数，实现监听复选框选中状态的功能。例如：

   // 渲染表格
   table.render({
     // ...
     done: function (res, curr, count) {
       // 监听复选框选中状态
       form.on('checkbox(check)', function (obj) {
         if (obj.checked) {
           // 复选框被选中时执行的逻辑
           console.log('选中');
         } else {
           // 复选框取消选中时执行的逻辑
           console.log('取消选中');
         }
       });
     },
   });

这里的`checkbox(check)`中的`check`是复选框的lay-filter属性值，需要与绑定的属性保持一致。

3. 最后，在复选框的监听事件中，根据选中状态执行相应的逻辑。例如，可以使用`obj.data`获取当前行的数据，并根据需要进行相关操作。

通过以上步骤，我们就可以实现在Layui中监听表格复选框选中状态的功能。