2014-05-11 63 views
-6

这里是HTML和JavaScript代码,我很困惑如何检查单选按钮是否未被选中和显示。确认?如何确认单选按钮是通过JavaScript选择的

<html> 
<head> 
<title>Test this</title> 
<script> 
var cnfrm= function(){ 
var x=document.getElementById('rdio2').value; 
if (x==null || x=="") 
    { 
     confirm('are you sure?'); 
     // return false; 
     // redirect to where you want 
    } 

    } 
</script> 
</head> 
<body> 
<form method=post action=index.html> 
<br><input type=radio name=rdio id=rdio2 value=b> 
<br><input type=radio name=rdio id=rdio2 value=c> 
<br><input type=radio name=rdio id=rdio2 value=d> 
<br> 
<input type=submit value=Submit onclick=cnfrm()> 
</form> 
</body> 
</html> 
+2

你的HTML标记是无效的,ID必须在文档上下文 –

+0

@ A.Wolff-的ID唯一是多余的反正。 – RobG

回答

1

只需使用.checked,而不是.value

if(document.getElementById('rdio2').checked==true) { 
    return true; 
    } else if(document.getElementById('rdio3').checked==true) { 
    return true; 
    } else if(document.getElementById('rdio4').checked==true) { 
    return true; 
    } else { 
    return confirm('are you sure?'); 
    } 

FIDDLE DEMO

+0

它不工作,如果我选择底部单选按钮,那么它不能正常工作 –

+0

更新我的答案。 – Rorschach