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?

Answer 1

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

Answer 2

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

Answer 3

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