js判断radio是否为空

在JavaScript中，判断一组单选按钮（radio button）是否为空，即是否有任何一个单选按钮被选中，可以通过以下步骤实现：

基础概念

单选按钮（Radio Button）：是一种用户界面元素，允许用户在多个选项中选择一个。
checked属性：用于表示单选按钮是否被选中。

类型与应用场景

类型：这是一种前端验证技术，常用于表单提交前的数据检查。
应用场景：适用于任何需要用户从多个选项中选择一个的场景，如注册表单、调查问卷等。

示例代码

以下是一个简单的示例，展示如何检查一组单选按钮是否至少有一个被选中：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Radio Button Check</title>
<script>
function checkRadio() {
    var radios = document.getElementsByName('myRadioGroup');
    var isChecked = false;
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            isChecked = true;
            break;
        }
    }
    if (!isChecked) {
        alert('请选择一个选项！');
    } else {
        alert('已选中一个选项！');
    }
}
</script>
</head>
<body>

<form onsubmit="return checkRadio();">
    <input type="radio" name="myRadioGroup" value="option1"> Option 1<br>
    <input type="radio" name="myRadioGroup" value="option2"> Option 2<br>
    <input type="radio" name="myRadioGroup" value="option3"> Option 3<br>
    <input type="submit" value="Submit">
</form>

</body>
</html>