JavaScript 获取选中复选框的值并拼接成字符串

以下是一个示例代码：

HTML：

<input type='checkbox' name='fruits' value='apple'> Apple
<input type='checkbox' name='fruits' value='orange'> Orange
<input type='checkbox' name='fruits' value='banana'> Banana

<button onclick='getSelectedFruits()'>Get Selected Fruits</button>

JavaScript：

function getSelectedFruits() {
  const checkboxes = document.querySelectorAll('input[name="fruits"]:checked');
  const values = Array.from(checkboxes).map(cb => cb.value);
  const selectedFruits = values.join(',');
  console.log(selectedFruits);
}

解释：

首先，我们使用 document.querySelectorAll 方法获取所有选中的复选框元素，它们的 name 属性都是 'fruits'。
然后，我们使用 Array.from 方法将 NodeList 转换为数组，方便后面使用数组的方法。
接着，我们使用 map 方法将每个选中的复选框元素的 value 属性提取出来，存储在一个数组中。
最后，我们使用 join 方法将这个数组中的值用逗号拼接起来，得到一个以逗号分隔的字符串，即选中的水果的值。