javascript上的单选按钮验证答案

【问题标题】：Radio button validation on javascriptjavascript上的单选按钮验证
【发布时间】：2014-02-03 10:31:31
【问题描述】：

我正在学习javascript，我有一个单选按钮叫性别，它的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");
   {

为什么它不起作用？你们能帮帮我吗？

【问题讨论】：

你什么时候检查这个？什么活动？什么不工作？
当我按下提交按钮时我检查了这个，如果不工作的事件是检查条件...

标签： javascript validation radio-button

【解决方案1】：

应该是

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

【讨论】：

之间有什么不同 var maleC=document.getElementById('male');和 var maleC=document.getElementById('male').value;
maleC=document.getElementById('male').value; 它获取无线电输入的值
document.getElementById('male') 通过 ID 引用元素

【解决方案2】：

可能

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

【讨论】：

在jquery中，而OP想在javascript中知道

【解决方案3】：

在检查选中的属性时，使用 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");
   }

【讨论】：