2014-01-15 44 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"); 
    }