Javascript 检查单选按钮是否被选中？

Question

我找到了执行此操作的脚本，但它们仅适用于一个单选按钮名称，我有 5 个不同的单选按钮集。我现在如何检查它是否被选中 我尝试提交表单

if(document.getElementById('radiogroup1').value=="") {
        alert("Please select option one");
        document.getElementById('radiogroup1').focus();
        return false;
    }

不起作用。

原文由 JohnA 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您决心使用标准 JavaScript，那么：

函数定义

var isSelected = function() {
    var radioObj = document.formName.radioGroupName;

    for(var i=0; i<radioObj.length; i++) {
        if( radioObj[i].checked ) {
            return true;
        }
    }

    return false;
};

用法

if( !isSelected() ) {
    alert('Please select an option from group 1 .');
}

我建议使用 jQuery 。它有很多选择器选项，当它们一起使用时，可以将大部分代码简化为一行。

替代解决方案

if( $('input[type=radio][name=radioGroupName]:selected').length == 0 ) {
    alert('Please select an option from group 1 .');
}

原文由 Oliver 发布，翻译遵循 CC BY-SA 3.0 许可协议