Javascript 如何在jquery中验证性别

这是我的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)
    }

HTML:

---

您应该使用相同的值在两个输入标记上输入属性名称。

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

$.gender.changefunction{ 警报$this.attr'value'； }; 男性 女的

---

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

$document.readyfunction{ $input[type='button']。单击函数{ var radioValue=$input[name='gender']：checked.val； IFR值{ alertYour是a-+无线电值； } }; }; 请选择您的性别。 男性的 女的

---

男性女性@尼克THI是HTML代码…给无线电输入名称，而使用输入的选择器[name＝性别]：：检查或只是设置一个默认的检查到其中之一，以验证它们将始终是男性或女性。您应该考虑获得HBT认证。那个性别列表看起来像是一本可怕的历史书中的东西。@Shehzad Ahmed:你对性别的确认是什么。如果用户同时选择男性和女性，请选中此项。@ShehzadAhmed单选按钮通常工作，因此您无法选择两个选项。将相同的名称属性添加到单选按钮，将自动阻止选择两个。如果使用属性名称，则不会出现此问题。使用名称属性男-女

   <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> 

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