验证单选按钮

时间:2012-12-13 09:12:41

标签: html validation button radio

我想制作一个简单的验证表单,它会在<div>取消选中时显示警告信息。

这就是我到现在为止所做的事。

<form action="result.php" method="post">
<b>1st question:</b><br />
Option 1 <input type="radio" name="question1" value="Option1" /><br />
Option 2 <input type="radio" name="question1" value="Option2" /><br />
Option 3 <input type="radio" name="question1" value="Option3" /><br />
Option 4 <input type="radio" name="question1" value="Option4" /><br />
<br />
<b>2nd question:</b><br />
Option 1 <input type="radio" name="question2" value="Option1" /><br />
Option 2 <input type="radio" name="question2" value="Option2" /><br />
Option 3 <input type="radio" name="question2" value="Option3" /><br />
Option 4 <input type="radio" name="question2" value="Option4" /><br />
<br />
<input type="submit" value="submit" />
</form>`

1 个答案:

答案 0 :(得分:0)

你可以通过jQuery来做到这一点。它计算的length属性jQuery对象中的元素数

$("#forms").submit(function(){ //or you can use click event 
   if ($("input[name='question1']:checked").length > 0){
  $('.show_message').html(' ');
  $('.show_message').html('selected  ');
}
else{
   $('.show_message').html(' ');
   $('.show_message').html(' no  one selected ');
   return false;
}

});

<div class="show_message"></div>
<form id="form" action="result.php" method="post">
 . . . .
</form>

jsFiddle