jQuery单选按钮未检查错误 [英] jQuery radio button unchecked error

问题描述

我有两个单选按钮

 < input type =radioname =gendervalue =Maleid =gender/> Male $ b $女性
  

验证是否被检查

  if（！$（'＃gender'）。attr（ 'checked'））{
 alert（'请选择你的性别'）; 
返回false; 
} 
  

问题是当我检查第一个单选按钮并提交表单时，I没有得到警报，但当我检查第二个单选按钮（女性）并提交表单时，我收到警报请选择您的性别。

解决方案

试试这个

  var isChecked = $（'[name =gender]：checked' ）。长度; 
 
 if（isChecked <1）{
 alert（请选择您的性别）; 
} 
  

JSFiddile

I'm trying a form validation using jQuery, I found some error which I can't understand.

I'm having two radio buttons

<input type="radio" name="gender" value="Male" id = "gender"/>Male
<input type="radio" name="gender" value="Female" id = "gender"/>Female

And validating if these are checked

if(! $('#gender').attr('checked')){
                alert('Please select your gender');
                return false;
            }

The problem is when I check the first radio button and submit the form, I dont get the alert, but when I check the second radio button(Female) and submit the form , I get the alert as "Please select your gender".

解决方案

try this

var isChecked = $('[name="gender"]:checked').length;

if(isChecked < 1) {
    alert("please Select your gender");
} 

JSFiddile

这篇关于jQuery单选按钮未检查错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！