如何检查是否使用 JavaScript 选择了单选按钮？

JavaScript（简称JS）是一种常用的脚本语言，用于网页动态交互效果的实现。其中，单选按钮是网页开发中常见的控件，我们常常需要判断用户是否已经选择了它。本篇文章将会介绍如何检查是否使用 JavaScript 选择了单选按钮。

HTML 代码

首先，我们需要在 HTML 页面中添加一个单选按钮，如下所示：

<form>
    <input type="radio" name="radio" value="1">选项1<br>
    <input type="radio" name="radio" value="2">选项2<br>
    <input type="radio" name="radio" value="3">选项3<br>
    <input type="button" value="提交" onclick="check()"> 
</form>

这里，我们添加了三个单选按钮，并将它们的name属性设置为radio，表示它们属于同一组单选按钮。当用户选择其中一个选项时，其value属性就会被提交到服务器。我们还添加了一个onclick事件，当用户点击提交按钮时，就会触发一个名为check()的 JavaScript 函数。

JavaScript 代码

接下来，我们需要编写 JavaScript 代码来检查用户是否选择了单选按钮。我们可以使用document.querySelector()方法来选取单选按钮，并将其checked属性设置为true。例如，以下代码选择了第一个单选按钮：

document.querySelector('input[name="radio"][value="1"]').checked = true;

但是，我们需要检查用户是否已经选择了一个选项，而不是默认选项。为此，我们需要遍历单选按钮的集合，并检查它们是否被选中。我们可以使用document.getElementsByName()方法来获取单选按钮的集合，如下所示：

var radios = document.getElementsByName('radio');

接下来，我们可以使用for循环遍历单选按钮的集合，并检查其中的每个单选按钮是否被选中。如果已经选择了一个选项，就可以执行特定的操作，如下所示：

function check() {
    var radios = document.getElementsByName('radio');
    var flag = false;
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            flag = true;
            break;
        }
    }
    if (flag) {
        alert('已选择！');
    } else {
        alert('请先选择！');
    }
}

以上代码中，我们先将flag设置为false，表示用户尚未选择。然后，我们使用for循环遍历单选按钮的集合，并检查其中的每个单选按钮是否被选中。如果已经选择了一个选项，就可以将flag设置为true，并退出循环。最后，我们根据flag的值来判断用户是否已经选择。

Markdown 返回格式

# 如何检查是否使用 JavaScript 选择了单选按钮？

JavaScript（简称JS）是一种常用的脚本语言，用于网页动态交互效果的实现。其中，单选按钮是网页开发中常见的控件，我们常常需要判断用户是否已经选择了它。以下是检查是否使用 JavaScript 选择了单选按钮的代码片段：

## HTML 代码
首先，我们需要在 HTML 页面中添加一个单选按钮，如下所示：

```html
<form>
    <input type="radio" name="radio" value="1">选项1<br>
    <input type="radio" name="radio" value="2">选项2<br>
    <input type="radio" name="radio" value="3">选项3<br>
    <input type="button" value="提交" onclick="check()"> 
</form>

这里，我们添加了三个单选按钮，并将它们的name属性设置为radio，表示它们属于同一组单选按钮。当用户选择其中一个选项时，其value属性就会被提交到服务器。我们还添加了一个onclick事件，当用户点击提交按钮时，就会触发一个名为check()的 JavaScript 函数。

JavaScript 代码

接下来，我们需要编写 JavaScript 代码来检查用户是否选择了单选按钮。我们可以使用document.querySelector()方法来选取单选按钮，并将其checked属性设置为true。但是，我们需要检查用户是否已经选择了一个选项，而不是默认选项。为此，我们需要遍历单选按钮的集合，并检查它们是否被选中。我们可以使用document.getElementsByName()方法来获取单选按钮的集合，如下所示：

var radios = document.getElementsByName('radio');

接下来，我们可以使用for循环遍历单选按钮的集合，并检查其中的每个单选按钮是否被选中。如果已经选择了一个选项，就可以执行特定的操作，如下所示：

function check() {
    var radios = document.getElementsByName('radio');
    var flag = false;
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            flag = true;
            break;
        }
    }
    if (flag) {
        alert('已选择！');
    } else {
        alert('请先选择！');
    }
}

以上代码中，我们先将flag设置为false，表示用户尚未选择。然后，我们使用for循环遍历单选按钮的集合，并检查其中的每个单选按钮是否被选中。如果已经选择了一个选项，就可以将flag设置为true，并退出循环。最后，我们根据flag的值来判断用户是否已经选择。