Javascript 检查无线电输入是否为空

我想检查用户是否选择了单选按钮。我已将其编码为：

HTML

<form action="myServlet" method="post">
        <input type="radio" id="rating-input-1-5" name="ratingInput1" value="5">
        <input type="radio" id="rating-input-1-4" name="ratingInput1" value="4">
        <input type="radio" id="rating-input-1-3" name="ratingInput1" value="4">        
        //etc
<button type="submit" class="myButton" onclick="sendSuccess()">Submit</button>
</form>

//等
提交

JS

   function sendSuccess(){

        var len = document.formRate.ratingInput1.length;
        var flag;

        for(i=0; i<len; i++){
            if (document.formRate.ratingInput[i].checked){
                flag = true;
            }
            else{
                flag = false;
                break;
            }   
        }

        if(flag === false){
            console.log('noooooo');
            return false;
        }else{
            console.log('yesssss');
        }
    }

函数sendSuccess（）{
var len=document.formRate.ratingInput1.length；
var标志；
对于（i=0；i工作演示

希望这能满足您的需要
：）
代码

  $("form").submit(function () {
    var flag = true;
    $(':radio').each(function () {
        name = $(this).attr('name');
        if (flag && !$(':radio[name="' + name + '"]:checked').length) {
            alert(name + ' group not checked');
            flag = false;
        }
    });
    return flag;
});

工作演示

希望这能满足您的需要
：）
代码

  $("form").submit(function () {
    var flag = true;
    $(':radio').each(function () {
        name = $(this).attr('name');
        if (flag && !$(':radio[name="' + name + '"]:checked').length) {
            alert(name + ' group not checked');
            flag = false;
        }
    });
    return flag;
});

您可以使用
jQuery
using查找同名单选按钮和
：checked
仅获取选中的元素。您可以使用
length
检查是否选中任何单选按钮。如果未选中
单选按钮，则
length
将为零，如果一个为0，则将大于零r更多单选按钮已选中


if($('[name=ratingInput1]:checked').length)
     console.log('Yes');
else
     console.log('No');

您可以使用
jQuery
using查找同名单选按钮和
：checked
仅获取选中的元素。您可以使用
length
检查是否选中任何单选按钮。如果未选中
单选按钮，则
length
将为零，如果一个为0，则将大于零r更多单选按钮已选中


if($('[name=ratingInput1]:checked').length)
     console.log('Yes');
else
     console.log('No');

试试这个

<form name="formRate" action="myServlet" method="post">
    <input type="radio" id="rating-input-1-5" name="ratingInput1" value="5">
    <input type="radio" id="rating-input-1-4" name="ratingInput1" value="4">
    <input type="radio" id="rating-input-1-3" name="ratingInput1" value="4">        
    <button type="submit" class="myButton" onclick="return sendSuccess();">Submit</button>
</form>

function sendSuccess(){

var flag = false;

var len = $('input:radio[name="ratingInput1"]:checked').size();

    if(len == 0){
        console.log('noooooo');
        flag = false;
    }else{
        console.log('yesssss');
        flag = true;
    }
return flag;
}


提交
函数sendSuccess（）{
var标志=假；
var len=$（'input:radio[name=“ratingInput1”]：checked'）。size（）；
如果（len==0）{
console.log（'noooooo'）；
flag=false；
}否则{
console.log（'yesss'）；
flag=true；
}
返回标志；
}
试试这个

<form name="formRate" action="myServlet" method="post">
    <input type="radio" id="rating-input-1-5" name="ratingInput1" value="5">
    <input type="radio" id="rating-input-1-4" name="ratingInput1" value="4">
    <input type="radio" id="rating-input-1-3" name="ratingInput1" value="4">        
    <button type="submit" class="myButton" onclick="return sendSuccess();">Submit</button>
</form>

function sendSuccess(){

var flag = false;

var len = $('input:radio[name="ratingInput1"]:checked').size();

    if(len == 0){
        console.log('noooooo');
        flag = false;
    }else{
        console.log('yesssss');
        flag = true;
    }
return flag;
}


提交
函数sendSuccess（）{
var标志=假；
var len=$（'input:radio[name=“ratingInput1”]：checked'）。size（）；
如果（len==0）{
console.log（'noooooo'）；
flag=false；
}否则{
console.log（'yesss'）；
flag=true；
}
返回标志；
}
这是一个带有单选按钮的简单表单，因此您只需为表单指定一个名称formRate，而不需要jQuery，下面的操作就可以了

HTML

}
这是一个带有单选按钮的简单表单，因此您只需为表单指定一个名称formRate，而不需要jQuery，以下内容就可以了

HTML

}var flag=$（'[name=“ratingInput1”]'）。是（':checked'）

如果未选择具有该名称的收音机，则将返回false。
var flag=$（'[name=“ratingInput1”]'）。为（':checked'）

如果没有选择具有该名称的单选按钮，则将返回false。
我并不真正了解您想要实现的目标，检查单选按钮后是否需要一个console.log，或者单击按钮时是否需要它？我只想知道，用户是否没有选择任何内容。您还需要在函数中返回false或preventDefault，否则表单将继续提交FormRate:只是忘记将其取下..我并没有真正了解您想要实现的目标，您是要在单选按钮选中后使用console.log，还是在单击按钮时使用它？我只是想知道，如果用户没有选择任何内容。您还需要在函数中返回false或preventDefault，否则表单将继续submissionformRate:只是忘记将其取下。。