Radio button validation on javascript

Question

im learning javascript, i got a radio button called gender, and its ID is male and female i try to validate to check wether it's checked or not, but it doesnt return any error message even the radio button is not checked here's my code

 var maleC=document.getElementById('male').value;
 var femaleC=document.getElementById('female').value;

 if(maleC.checked==false||femaleC.checked==false)
{
    document.getElementById('err5').innerHTML="Gender must be choosen";
}
 else
  {
   alert("proceed");
   {

why it's doesnt work? can u help me guys?

When are you checking this? What event? What is not working? — elclanrs
– elclanrs, Commented Jan 15, 2014 at 4:40
I checked this when i press submit button, the event that not working is checked condition inside if... — user2978983
– user2978983, Commented Jan 15, 2014 at 4:42

Krish R · Accepted Answer · 2014-01-15 04:49:06Z

3

Should be

var maleC=document.getElementById('male');
var femaleC=document.getElementById('female');

 if(!(maleC.checked) || !(femaleC.checked))
{
    document.getElementById('err5').innerHTML="Gender must be choosen";
}

Ref: https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById

edited Jan 15, 2014 at 4:49

answered Jan 15, 2014 at 4:41

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2978983 Over a year ago

what's the different beetween var maleC=document.getElementById('male'); and var maleC=document.getElementById('male').value;

Krish R Over a year ago

maleC=document.getElementById('male').value; it get the value of the radio input

Krish R Over a year ago

document.getElementById('male') reference to the element by its ID

Nishu Tayal · Accepted Answer · 2014-01-15 04:49:30Z

0

While checking for checked property,use html element object, but here you are checking it on radio button value. Don't use .value

var maleC=document.getElementById('male'); // It will return you html element
 var femaleC=document.getElementById('female');

 if(!(maleC.checked)||!(femaleC.checked))
 {
    document.getElementById('err5').innerHTML="Gender must be choosen";
}
 else
  {
   alert("proceed");
   }

answered Jan 15, 2014 at 4:49

Nishu Tayal

20.9k8 gold badges53 silver badges105 bronze badges

Comments

kavinhuh · Accepted Answer · 2014-01-15 04:53:28Z

0

may be

 if($("input[name=demo-radio]:checked").val()=="male")
{
}
else if($("input[name=demo-radio]:checked").val()=="female")
{
}

else{
alert("gender must be chosen");
}

for js:

var x = document.getElementById("myCheck").checked;
if(x==true){}
else{alert("please select a gender")}

edited Jan 15, 2014 at 4:53

answered Jan 15, 2014 at 4:45

kavinhuh

7391 gold badge9 silver badges30 bronze badges

1 Comment

Nishu Tayal Over a year ago

It's in jquery, while OP wants to know in javascript

Collectives™ on Stack Overflow

Radio button validation on javascript

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related