关于#layui#的问题：表单提交时，像图中这种怎么获取checkbox选中的值呢(语言-javascript)

Question

请问大家，layui列表中，表单提交时，像图中这种怎么获取checkbox选中的值呢？checkbox是绑定列通过templet方式显示的，实在折腾不出来了，望大家帮忙指点指点，谢谢啦

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

在layui中，如果你使用templet方式展示checkbox并且想要获取选中的值，可以通过JavaScript（假设你使用的是jQuery）来操作DOM并获取选中的值。下面是一个基本的步骤和示例代码，你可以根据自己的实际情况进行调整：

1. 确保你的HTML结构已经包含了checkbox元素，并且它们有一个共同的类名或者ID以便于识别。例如：

<input type="checkbox" class="myCheckbox" value="显示"> 显示
<input type="checkbox" class="myCheckbox" value="查看"> 查看
<!-- 其他类似的checkbox元素 -->

或者，如果你有多个类似的表单组，可以为每一组分配一个特定的类名或ID。

1. 使用JavaScript（jQuery）来获取选中的值。这里有一个简单的示例，你可以根据自己的需要修改选择器。

使用jQuery:

// 当表单提交时，获取所有选中的checkbox的值
$('form').submit(function() { // 你的表单选择器可能与此不同，请根据实际情况修改
  var checkedValues = []; // 存储选中的值
  $('.myCheckbox').each(function() { // 你的checkbox类名可能与此不同，请根据实际情况修改
    if ($(this).is(':checked')) { // 如果checkbox被选中
      checkedValues.push($(this).val()); // 将值添加到数组中
    }
  });
  console.log(checkedValues); // 打印或返回选中的值，你可以在回调函数中进一步处理这些数据
});

在这个示例中，我们使用jQuery来遍历所有的checkbox元素，检查它们是否被选中，并将选中的值存储在一个数组中。你可以根据你的实际需求对这个代码进行修改。例如，你可能需要将这个数组发送到服务器，或者用它来更新页面上的其他元素等。确保你的代码在DOM加载完成后执行（例如放在$(document).ready()函数中）。