layui取复选框选中的值var hobby = form.val('example', {checkbox: ['hobby']});没有取到值

可能是因为你使用的是layui 2.x版本，而在2.x版本中，取复选框选中的值的方式有所不同。你可以尝试以下代码：

var hobby = [];
$("input:checkbox[name='hobby']:checked").each(function() {
    hobby.push($(this).val());
});

其中，`hobby`数组就是选中的复选框的值。

相关问题

layui取复选框选中的值

### 回答1：
在layui中，可以使用form模块中的`form.val`方法获取表单元素的值，其中包括复选框的选中状态。具体操作步骤如下：

1. 给复选框设置相同的名称（name），但是不同的值（value），例如：

<input type="checkbox" name="hobby" value="reading" title="阅读">
<input type="checkbox" name="hobby" value="traveling" title="旅游">
<input type="checkbox" name="hobby" value="coding" title="编程">

2. 在JavaScript代码中使用`form.val`方法获取选中的值，例如：

// 获取名为hobby的复选框的选中值
var hobby = form.val('example', {checkbox: ['hobby']});
console.log(hobby.hobby); // 输出选中的值，例如["reading", "coding"]

其中，`'example'`表示表单的lay-filter属性值，`'hobby'`表示复选框的name属性值。`form.val`方法的第二个参数可以使用对象形式传递需要获取的表单元素的值，其中，`checkbox`表示获取复选框的值，值为一个数组，包含需要获取的复选框的name属性值。获取的值为一个对象，包含所有需要获取的表单元素的值。

### 回答2：
在layui中，可以通过以下步骤取得复选框选中的值：

1. 首先，给每个复选框设置一个唯一的name属性，例如name="checkbox[]"，方便后续获取选中的复选框的值。

2. 使用layui的form模块的on('submit(formFilter)', function(data){})方法获取复选框选中的值。其中，'submit(formFilter)'中的formFilter是表单的过滤器，需要根据实际情况进行修改。

3. 在on('submit(formFilter)', function(data){})方法中，可以使用这个data对象来获取表单的所有数据。其中，data.field表示获取到的表单元素的值。

4. 对于复选框，我们可以通过data.field.checkbox来获取所有选中的复选框的值。checkbox对应的是复选框的name属性值。

5. 最后，使用layui的layer模块的msg方法来显示选中的复选框的值，例如layer.msg("选中的复选框值为：" + data.field.checkbox)。

总结一下，以上步骤就是在layui中获取复选框选中的值的方法。首先给复选框设置name属性，然后使用form模块的on('submit', function(data){})方法获取表单数据，再通过data.field获取复选框的值，并使用layer模块的msg方法来显示获取到的值。

### 回答3：
在Layui中取复选框选中的值可以通过以下步骤实现：

1. 首先，在页面上定义一个复选框组件，每个复选框元素都有一个唯一的value属性用于标识其值。例如：

<input type="checkbox" name="fruit" value="apple" title="苹果" lay-skin="primary">
<input type="checkbox" name="fruit" value="banana" title="香蕉" lay-skin="primary">
<input type="checkbox" name="fruit" value="orange" title="橙子" lay-skin="primary">

2. 接下来，在JS代码中获取选中的值。可以通过下面的方式获取：

var selectedValues = [];
$('input[name="fruit"]:checked').each(function() {
    selectedValues.push($(this).val());
});

上述代码中，我们首先定义一个数组selectedValues来保存选中的值。然后通过选择器`$('input[name="fruit"]:checked')`选取name为"fruit"且被选中的复选框元素，使用.each()方法来遍历选中的复选框，进而将它们的值添加到selectedValues数组中。

3. 最后，我们可以使用选中的值进行相应的逻辑处理，例如打印出来或者发送到后端进行处理。

console.log(selectedValues);
// 或者发送到后端处理
// $.ajax({
//     url: '处理选中值的后端接口',
//     type: 'POST',
//     data: {values: selectedValues},
//     success: function(result) {
//         // 处理返回结果
//     }
// });

总结：以上就是Layui中获取复选框选中的值的方法。首先定义复选框元素并设置value属性，然后使用选择器和.each()方法来获取选中的值，最后可以进行相应的处理。

layui2.8取复选框选中的值

如果你是在 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 来完成同样的操作。