如何获取已检查的<input type ="checkbox"/>的值？

在HTML中，可以使用checked属性来检查<input type="checkbox"/>是否被选中。但是，只有在用户手动在浏览器中提交表单时，checked属性的值才会被发送到服务器。如果用户只是单击了<input type="checkbox"/>，则checked属性的值将不会被发送。

如果您需要获取已检查的<input type="checkbox"/>的值，可以使用JavaScript来获取这些值。以下是一个示例代码：

// 获取所有checkbox的checked值
const checkboxElements = document.querySelectorAll('input[type="checkbox"]');
const checkedValues = [];
checkboxElements.forEach(checkboxElement => {
  if (checkboxElement.checked) {
    checkedValues.push(checkboxElement.value);
  }
});

// 将checkedValues转换为数组
const checkedArray = checkedValues.split(',').map(value => parseInt(value));

// 将数组转换为字符串，以逗号分隔
const checkedString = checkedArray.join(',');

// 输出checkedString
console.log(checkedString);

在上面的代码中，我们首先使用document.querySelectorAll()方法获取所有<input type="checkbox"/>元素，然后使用forEach()循环遍历每个元素。如果元素被选中，则将其值添加到checkedValues数组中。

接下来，我们将checkedValues数组转换为字符串，使用join()方法将数组中的值以逗号分隔。最后，我们将字符串输出到控制台。

需要注意的是，在上面的代码中，我们使用parseInt()方法将每个字符串值转换为整数。这是因为我们希望将值存储在整数类型的变量中，而不是字符串类型的变量中。