Javascript检查是否选中了单选按钮?

Joh*_*hnA 3 javascript radio

我找到了执行此操作的脚本,但它们仅使用一个单选按钮名称,我有5个不同的单选按钮集.我怎样才能检查它现在是否被选中我在表单提交上试了一下

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

不起作用.

小智 5

如果您已经开始使用标准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;
};
Run Code Online (Sandbox Code Playgroud)

用法

if( !isSelected() ) {
    alert('Please select an option from group 1 .');
}   
Run Code Online (Sandbox Code Playgroud)

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

替代解决方案

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

  • 这个答案是古老的**(在网络年代),所以要注意[jQuery不是选择元素的最佳解决方案](http://blog.garstasio.com/you-dont-need-jquery/selectors/ )现在IE <8都死了. (3认同)