js获得check多选并用逗号拼接

假设你有一个多选的表单，可以通过以下代码获取被选中的值，并使用逗号拼接：

// 获取多选框元素
const checkboxes = document.querySelectorAll('input[type=checkbox]:checked');
// 将选中的值存入数组
const values = [];
checkboxes.forEach((checkbox) => {
  values.push(checkbox.value);
});
// 使用逗号拼接数组中的值
const result = values.join(',');
console.log(result);

在这个例子中，我们首先使用 `querySelectorAll` 方法选择所有被选中的多选框元素。然后，我们使用 `forEach` 方法遍历这些元素，并将它们的值存入 `values` 数组中。最后，我们使用 `join` 方法将数组中的值使用逗号拼接成一个字符串，并将结果存入 `result` 变量中。

相关问题

jquery获得check多选并用逗号拼接

可以使用 jQuery 的 `.map()` 方法来实现。假设你有一个类名为 `checkbox` 的多选框组，那么可以使用以下代码：

var selectedValues = $('.checkbox:checked').map(function() {
  return $(this).val();
}).get().join(',');

这里的 `map()` 方法会遍历所有被选中的多选框，并返回它们的值。最后使用 `get()` 方法将返回的值转换为数组，然后使用 `join()` 方法拼接成一个以逗号分隔的字符串。

注意，以上代码假设每个多选框的值都是唯一的。如果多选框的值可能重复，可以使用 `$.unique()` 方法去重。

js checkAll

`checkAll` 是一个 JavaScript 函数，通常用于全选/全不选多个复选框。以下是一个示例实现：

function checkAll(checkboxClass, checked) {
  var checkboxes = document.getElementsByClassName(checkboxClass);
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = checked;
  }
}

其中，`checkboxClass` 是所有复选框共有的 class 名称，`checked` 是一个布尔值，表示是否选中。通过传入不同的参数，可以在 HTML 中调用该函数实现全选/全不选的功能。例如：

<!-- 全选按钮 -->
<input type="checkbox" onclick="checkAll('my-checkbox', true)">

<!-- 全不选按钮 -->
<input type="checkbox" onclick="checkAll('my-checkbox', false)">

<!-- 多个复选框 -->
<input type="checkbox" class="my-checkbox">
<input type="checkbox" class="my-checkbox">
<input type="checkbox" class="my-checkbox">

在上面的例子中，当点击全选按钮时，`checkAll('my-checkbox', true)` 会将所有 `class="my-checkbox"` 的复选框选中。当点击全不选按钮时，`checkAll('my-checkbox', false)` 会将它们全部取消选中。