0

javascriptでラジオボタンを検証するには?

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

3 に答える 3

2

試す

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

Reference

one more

于 2012-09-14T04:11:35.713 に答える
1

必要な検証を探していると思います。次のコードを確認してください。

<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>
于 2012-09-14T05:37:58.980 に答える
1

以下を試して、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>
于 2012-09-14T04:24:45.193 に答える