CODEWITHSUNDEEP
javascriptvalidationradio-button
user2978983
user2978983

Reputation: 254

Radio button validation on javascript

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?

Upvotes: 1

Views: 3033

Answers (3)

kavinhuh
kavinhuh

Reputation: 739

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")}

Upvotes: 0

Nishu Tayal
Nishu Tayal

Reputation: 20880

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");
   }

Upvotes: 0

Krish R
Krish R

Reputation: 22741

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

Upvotes: 3

Related Questions