input的checkbox怎么知道哪项被选中

在HTML中，input类型的checkbox用于创建复选框，用户可以选择其中的一项或多项目。要检测哪些选项被选中，你可以通过JavaScript或者jQuery来操作。下面是一个简单的示例：

<input type="checkbox" name="option1" id="option1"> 选项1<br>
<input type="checkbox" name="option2" id="option2"> 选项2<br>
<input type="checkbox" name="option3" id="option3"> 选项3

<button onclick="checkSelected()">查看选择</button>

<script>
function checkSelected() {
  var checkboxes = document.getElementsByName('option'); // 获取所有名字包含'option'的checkbox
  var selectedOptions = [];
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) { // 如果 checkbox 被选中，则添加到数组
      selectedOptions.push(checkboxes[i].value || checkboxes[i].id);
    }
  }
  console.log("已选择的选项:", selectedOptions);
}
</script>

在这个例子中，当点击“查看选择”按钮时，`checkSelected`函数会获取所有名为"option"的checkbox，并检查它们是否被勾选。如果勾选了，它将该选项的值（默认为元素ID）添加到数组中并打印出来。