javascript上的单选按钮验证

时间:2014-01-15 04:39:46

标签: javascript validation radio-button

我正在学习javascript,我有一个名为gender的单选按钮,其ID是男性和女性 我尝试验证是否检查它是否已检查,但它没有返回任何错误消息,即使没有选中单选按钮这里是我的代码

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

为什么它不起作用?你可以帮帮我吗?

3 个答案:

答案 0 :(得分:3)

应该是

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

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

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

答案 1 :(得分:0)

可能是

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

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

表示js:

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

答案 2 :(得分:0)

在检查checked属性时,使用html元素对象,但是在这里你是在单选按钮值上检查它。请勿使用.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");
   }