Question

如何通过javascript验证单选按钮？

Male <input type="radio" name="sex" value="male" />
female <input type="radio" name="sex" value="female" />

Answer 1

试

document.getElementsByName('sex').value == 'male'
                   ^

Reference

one more

Answer 2

尝试以下方法，包括jQuery

$(document).ready(function(){
  $('#submit').click(function() {
    if (!$("input[@name='sex']:checked").val()) {
       alert('Nothing checked!');
        return false;
    }
    else {
      alert('A radio button is checked!');
    }
  });
});

你的HTML应该是这样的

<form method="post" id="form">
Male <input type="radio" name="sex" value="male" />
female <input type="radio" name="sex" value="female" />
<input type="submit" name="submit" id="submit" value="Submit" />
</form>

请记住包含jQuery api的

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.2.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js" type="text/javascript"></script>

Answer 3

我认为您正在寻找必要的验证：请检查以下代码：

<html>
<head>
<script language='javascript'>
   function submit_form(){
   var temp=document.getElementsByName("gender");       
   if(temp[0].checked == true || temp[1].checked == true )
   { 
      document.forms["f1"].submit();        
   }
   else
   {
    alert("Please Select a Gender");
   }
}
</script>
<body> 
 <form id="f1" action="custom.html" method="post">
<input type="radio" name="gender" value="male"/>
<input type="radio" name="gender" value="female"/>
<input type="button" id="s1" onclick="submit_form()" value="Submit" />
</form>
</body>
</html>

验证单选按钮

3 个答案: