检查空的无线电输入 [英] check for empty radio input

问题描述

我要检查用户是否选择了单选按钮.我已经对此进行了编码:

I want to check if the user selects a radio button. I have coded this:

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');
        }
    }

但是它不起作用.

推荐答案

工作演示 http: //jsfiddle.net/cXPYQ/

希望这符合您的需求:) 代码

Hope this fit your needs :) Code

  $("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;
});

这篇关于检查空的无线电输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！