Question

这是我的HTML

<p><span>Male</span> <input type="radio" class="gender" value="male">
         <span>Female</span> <input type="radio"  class="gender" value="female" >
        <div id="dis"></div>
        </p>

这是jquery代码

var gender = $('.gender').val();
    if ($(".gender:checked").length > 1 || $(".gender:checked").length == 0){
      $('#dis').slideDown().html('<span id="error">Please choose a gender</span>');
    }
    else{
      alert(gender)
    }

Answer 1

HTML：

   <p><span>Male</span> <input type="radio" class="gender" name="gender"  value="male">
             <span>Female</span> <input type="radio"  class="gender" name="gender"  value="female" >
            <div id="dis"></div>
            </p>

使用Javascript：

   if($('.gender').val() == "") 
       alert('Select');

Answer 2

您的意思是在更改单选按钮时需要选择性别。如果是，这里是代码

$( ".gender" ).change(function() {
  alert( $(this).attr('value') );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<p><span>Male</span> <input type="radio" class="gender" value="male">
         <span>Female</span> <input type="radio"  class="gender" value="female" >
        <div id="dis"></div>
        </p>

Answer 3

嘿，我希望这就是你想要的!!

 $(document).ready(function(){
        $("input[type='button']").click(function(){
            var radioValue = $("input[name='gender']:checked").val();
            if(radioValue){
                alert("Your are a - " + radioValue);
            }
        });
        
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<h4>Please select your gender.</h4>
    <p> 
        <label><input type="radio" name="gender" value="male">Male</label> 
        <label><input type="radio" name="gender" value="female">Female</label>
    </p>
    <p><input type="button" value="Get Value"></p>

Answer 4

name个INPUT标记上的属性{{1}}应具有相同的值。

如何在jquery中验证性别

4 个答案: