js 判断radio是否选中

在JavaScript中，判断一个<input type="radio">元素是否被选中，可以通过检查该元素的checked属性来实现。checked属性是一个布尔值，如果单选按钮被选中，则值为true；如果未被选中，则值为false。

以下是一个简单的示例代码，展示如何判断单选按钮是否被选中：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Radio Button Check</title>
<script>
function checkRadio() {
    // 获取名为'myRadio'的单选按钮组
    var radios = document.getElementsByName('myRadio');
    
    // 遍历单选按钮组
    for (var i = 0; i < radios.length; i++) {
        // 检查当前单选按钮是否被选中
        if (radios[i].checked) {
            alert('选中的值是：' + radios[i].value);
            break; // 找到被选中的单选按钮后退出循环
        }
    }
}
</script>
</head>
<body>

<form>
    <input type="radio" name="myRadio" value="option1"> Option 1<br>
    <input type="radio" name="myRadio" value="option2"> Option 2<br>
    <input type="radio" name="myRadio" value="option3"> Option 3<br>
    <input type="radio" name="myRadio" value="option4"> Option 4<br><br>
    <button type="button" onclick="checkRadio()">检查哪个单选按钮被选中</button>
</form>

</body>
</html>

在这个例子中，我们有四个单选按钮，它们都有相同的name属性（myRadio），这意味着它们属于同一组。用户只能从这四个选项中选择一个。点击“检查哪个单选按钮被选中”按钮时，checkRadio函数会被调用，它会遍历这组单选按钮，检查哪个按钮的checked属性为true，然后弹出一个警告框显示被选中的值。

如果你想要在实际的应用场景中使用这个功能，你可以将这个逻辑集成到表单提交的处理函数中，或者在任何需要知道用户选择的时刻调用相应的函数。