javascript - 检查所有单选按钮是否已在 native JavaScript 中选中

Question

我有一个 GatherRadioBtn() 函数，它发布表单，否则在页面中显示错误。这需要 checkRadioWrapper() 的提示来检查是否所有单选按钮都被选中。

但是，true 条件并未实现。我的 (r[i].type == "radio") && !(r[i].checked) 表达式是否有错误。

很快就会上传到jsfiddle

谢谢。

function checkRadioWrapper()
{
    for (var i=0; i < r.length; i++)
    {
        if (  (r[i].type == "radio") && !(r[i].checked) )
        {
            return false;   
        }
    }

    return true;
}

function gatherRadioBtn()
{
    alert("in gather");
    var r = document.getElementsByTagName("input");
    var literal = [];

    for (var i=0; i < r.length; i++)
    {
        if (  (r[i].type == "radio") && r[i].checked )
        {
            literal.push(r[i].name);
            literal.push(r[i].value);
        }
    }

    if (checkRadioWrapper())
    {
        document.getElementById("Errnodata").innerHTML = "" ;  
        var joinedArray = literal.join(", ");
        window.opener.document.getElementById("myarray").value= joinedArray;
        window.opener.getVolunteerDetails();
        window.close();
    }
    else
    {
       document.getElementById("Errnodata").innerHTML = "Please select for every radio btns!" ;  
    }
}

Answer 1

您必须将“r”作为参数传递给您的函数:

function checkRadioWrapper( r )
{
    for (var i=0; i < r.length; i++)
      // etc

然后:

if (checkRadioWrapper( r ))

现在，在一组共享相同名称的单选按钮中，浏览器将永远不允许同时检查所有这些单选按钮。因此，这确实没有多大意义。如果您的单选按钮不与其他单选按钮共享名称，则它们应该是复选框而不是单选按钮。