layui提供了多种API来遍历checkbox，包括forEach、filter、map和index方法。forEach方法可以遍历checkbox数组并执行回调函数，filter方法可以筛选出符合特定条件的checkbox，map方法可以遍历checkbox数组并返回一个新数组，index方法可以获取checkbox在数组中的索引。

layui如何遍历checkbox

layui提供了便捷的API来遍历checkbox，以下是如何做到：

1. 使用forEach方法

forEach方法可以遍历checkbox数组并执行回调函数：

<code class="javascript">layui.form.on('checkbox', function(data){
  data.elem.forEach(function(checkbox){
    console.log(checkbox.value);  // 输出checkbox的值
  });
});</code>

2. 使用filter方法

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

filter方法可以筛选出符合特定条件的checkbox：

<code class="javascript">layui.form.on('checkbox', function(data){
  var checked = data.elem.filter(function(checkbox){
    return checkbox.checked;  // 返回选中的checkbox
  });

  console.log(checked);  // 输出选中的checkbox数组
});</code>

3. 使用map方法

map方法可以遍历checkbox数组并返回一个新数组：

<code class="javascript">layui.form.on('checkbox', function(data){
  var values = data.elem.map(function(checkbox){
    return checkbox.value;  // 返回checkbox的值
  });

  console.log(values);  // 输出值的数组
});</code>

4. 使用index方法

index方法可以获取checkbox在数组中的索引：

<code class="javascript">layui.form.on('checkbox', function(data){
  data.elem.forEach(function(checkbox, index){
    console.log(index);  // 输出checkbox的索引
  });
});</code>