如何检查单选按钮使用JavaScript

Question

这是我的html代码：

<input type="radio" name="sex" id="boy" value="male" /> Boy<p></p><br> 
<input type="radio" name="sex" id="girl" value="female" />Girl 
<button id="fine" type="button">Submit</button> 

，这是在我的JavaScript文件：

var maskio = document.getElementById('boy'); 
    var femmna = document.getElementById('girl'); 
    function prima(){ 
    var fine = document.getElementById('fine'); 
    fine.onclick=chek; 
    } 
    function chek(){ 
    if((maskio.checked == false) && (femmna.checked == false)) { 
    alert('lol'); 
    return false; 
    } 
    } 
window.onload=prima; 

问题出在哪里？当我运行它并单击提交没有任何反应。为什么？

Answer 1

改变你的JS如下。这些元素不是在你获得它们的时候创建的。

function prima() { 
    var fine = document.getElementById('fine'); 
    fine.onclick = chek; 
} 

function chek() { 
    var maskio = document.getElementById('boy'); 
    var femmna = document.getElementById('girl'); 
    if ((maskio.checked == false) && (femmna.checked == false)) { 
     alert('lol'); 
     return false; 
    } 
} 

window.onload=prima; 

入住这里：jsFiddle

Answer 2

当单选按钮具有相同的名称，它们都属于该组的名称。这意味着，只能选择一个组中的一个无线电按钮。如果您同时选中，无论如何都不会有结果！

Answer 3

的问题是你的HTML标签，有一个空格“<”删除空间，它会正常工作......

<input type="radio" name="sex" id="boy" value="male" /> Boy 
<p></p><br> 
<input type="radio" name="sex" id="girl" value="female" /> Girl 
<button id="fine" type="button">Submit</button> 
<script> 

var maskio = document.getElementById('boy'); 
var femmna = document.getElementById('girl'); 
function prima() 
{ 
    var fine = document.getElementById('fine'); 
    fine.onclick=chek; 
} 
function chek() 
{ 
    if(maskio.checked) 
    { 
     alert("You are male Eh?"); 
    } 
    else if(femmna.checked) 
    { 
     alert("Femal ;)"); 
    } 
    else if(!maskio.checked && !femmna.checked) 
    { 
     alert("Come on Please check something!"); 
    } 
} 
    window.onload=prima; 

</script>