JavaScript中checkbox二选一单选

在 HTML 中，可以使用 `<input>` 元素的 `type` 属性来创建复选框（checkbox）和单选按钮（radio button）。

对于二选一的单选按钮，可以使用相同的 `name` 属性来将它们归为一组，然后分别为它们设置不同的 `value` 属性值，如下所示：

<label>
  <input type="radio" name="choice" value="option1"> Option 1
</label>
<label>
  <input type="radio" name="choice" value="option2"> Option 2
</label>

以上代码创建了两个单选按钮，它们的 `name` 属性值都为 `"choice"`，表示它们属于同一组。其中一个单选按钮的 `value` 属性值为 `"option1"`，另一个单选按钮的 `value` 属性值为 `"option2"`。

在 JavaScript 中，可以使用 `querySelectorAll()` 方法来选择所有同名的单选按钮，然后遍历它们，判断哪一个单选按钮被选中了。以下是一个示例代码：

const choices = document.querySelectorAll('input[name="choice"]');
let selectedChoice;
for (const choice of choices) {
  if (choice.checked) {
    selectedChoice = choice.value;
    break;
  }
}
console.log(selectedChoice);

以上代码首先使用 `querySelectorAll()` 方法选择所有 `name` 属性值为 `"choice"` 的单选按钮，然后遍历它们，判断哪一个单选按钮被选中了（即 `checked` 属性为 `true`）。最后，将被选中的单选按钮的 `value` 属性值赋值给 `selectedChoice` 变量，并输出到控制台。