前端 JavaScript 判断 Checkbox 是否选中并获取选中 ID

你可以使用 JavaScript 来判断 checkbox 是否选中，并筛选出选中的 checkbox 的 id。

首先，你可以使用 document.querySelectorAll() 方法来选择所有的 checkbox 元素，并将其存储在一个变量中。例如：

var checkboxes = document.querySelectorAll('.mycheckbox');

然后，你可以使用一个循环来遍历所有的 checkbox 元素，并检查它们是否被选中。你可以使用 checked 属性来判断 checkbox 是否被选中。如果 checkbox 被选中，你可以使用 getAttribute() 方法来获取它的 id 属性，并将其存储在一个数组中。例如：

var selectedCheckboxes = [];
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    var id = checkboxes[i].getAttribute('id');
    selectedCheckboxes.push(id);
  }
}

最后，你可以使用 selectedCheckboxes 数组来获取选中的 checkbox 的 id。你可以在控制台输出该数组来查看结果。例如：

console.log(selectedCheckboxes);

请注意，以上代码假设你的 HTML 结构中有多个具有相同类名（mycheckbox）的 checkbox 元素。如果你只有一个 checkbox 元素，你可以直接使用 querySelector() 方法来选择该元素，并跳过循环部分。

希望这可以帮助到你！