使用jqueryvalidation单选按钮?

如何使用jQueryvalidation这两个单选按钮? 应检查一个按钮:

 Kyllä Ei 

我知道如何validation常规文本输入字段,但我想知道这个。

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

您可以使用:checked selector和length属性:

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

你可以像下面给出的那样。

现场演示

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

您的代码非常不完整,但类似于

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

你可以这样做, 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 }); 

您可以使用checked伪类 。 以下是您可能用于表单提交的小提琴。 http://jsfiddle.net/WhPcj/