2014-01-15 46 views
1

即时学习javascript,我有一个叫做性别的单选按钮,它的ID是男性和女性 我尝试验证检查是否检查过它,但它不会返回任何错误消息,甚至无线电按钮不检查这里是我的代码javascript上的单选按钮验证

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

为什么它不工作?你能帮助我吗?

+0

你什么时候检查这个?什么事件?什么不起作用? – elclanrs

+0

我检查了这个,当我按下提交按钮,不工作的事件是检查条件里面,如果... – user2978983

回答

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

+0

有什么不同之处 var maleC = document.getElementById('male'); 和 var maleC = document.getElementById('male').value; – user2978983

+0

'maleC = document.getElementById('male')。value;'它得到无线电输入的值 –

+0

'document.getElementById('male')'引用元素的ID –

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

它在jquery中,而OP想要要知道在javascript –

+0

检查马编辑希望它可以帮助 – kavinhuh

+0

现在是好的。 –

0

当检查checked属性,使用html元素OBJ等等,但在这里你正在检查单选按钮的值。不要使用.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"); 
    }