使用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/