验证单选按钮使用jQuery？(Validate radio buttons with jquery

如何验证使用jQuery这两个单选按钮？ 一个键应检查：

<input type="radio" name="muuttuminen" value="Kylla" /> Kyllä
<input type="radio" name="muuttuminen" value="Ei"/>Ei

我知道如何验证普通的文本输入框，但我不知道这一个。

     $(function() {
        $("#submit").click(function(){
 //validation part
          var dataString = $('#service-test').serialize();
          //alert (dataString);return false;
         $.ajax({
        type: "POST",
        url: "../quiz.php",
        data: dataString,
        dataType: "text",
        error: function(){ alert ('Nyt jotakin meni kyllä pahemman kerran pieleen. Yritä uudelleen?');
     },
        success: 
        function(data) {
     $("#resultcontainer").html(data);
     $("#service-test").hide();

       }

      });
      return false;

        });
      });               

Answer 1:

您可以使用:checked选择器和length属性：

    $(".submit").click(function() {
       if ($('input[name="muuttuminen"]:checked').length == 0) {
         alert('please...');
         return false; } 
          else {
          $.ajax({
           //...
         })
       }
       return false;
    }); 

Answer 2:

你可以像在下面给出。

现场演示

$(function() {
    $("#submit").click(function() {     
      if($('input[type=radio][name=muuttuminen]:checked').length == 0)
      {
         alert("Please select atleast one");
         return false;
      }
      else
      {
          alert("radio button selected value: ");
      }      
    });
});

Answer 3:

你的代码是非常不完整的，但像

var valid = false;

$('#yourForm').find(':input:radio').each(function(){
    if($(this).prop('checked'))
        valid = true;
});

if(!valid)
    return false;

Answer 4:

你能做到这样， 的jsfiddle例如 ：

$(function() {
    $("input[type=submit]").click(function() {
        var atLeastOneChecked = false;

        $("input[type=radio]").each(function() {
            if ($(this).attr("checked") == "checked") {
                atLeastOneChecked = true;
            }
        });

        if (!atLeastOneChecked) {
            $("#checked").text("Check one");
        } else {
            $("#checked").text("One is checked");
        }
    });
});​

这是一个普遍的例子，将检查页面上的所有单选按钮，您可能不希望此所以它可能是值得把你的单选按钮组和检查组是这样的：

$("#inputgroup").find("input[type=radio]").each(function() {
    // do the validation here
});

检查这两个特定的按钮的代码如下：

$("input[type=radio][name=muuttuminen]").each(function() {
    // do the validation here
});

Answer 5:

您可以使用检查伪类 。 这里是你可以使用什么形式提交小提琴。 http://jsfiddle.net/WhPcj/

文章来源: Validate radio buttons with jquery?