如何使用javascript检查单选按钮

这是我的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>

---

问题在哪里？当我运行它并单击Submit时，不会发生任何事情。为什么？

如下更改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;

---

选中此处：

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

问题是你的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>

男孩


姑娘
提交
var maskio=document.getElementById（'boy'）；
var femmna=document.getElementById（'girl'）；
函数prima（）
{
var fine=document.getElementById（'fine'）；
很好，onclick=chek；
}
函数chek（）
{
如果（maskio.checked）
{
警惕（“你是男性吗？”）；
}
否则，如果（已选中）
{
警惕（“女性；”）；
}
否则如果（！maskio.checked&！femmna.checked）
{
警惕（“来吧，请检查一下！”）；
}
}
window.onload=prima；

“…什么都没有发生。”-什么都没有？所以您没有在浏览器控制台中收到类似

uncaughttypeerror:cannotread属性'checked'为null的错误？我认为您的JS文件包含在文档的
部分？您可以这样简单地修复它：有一个空格“<”-您是什么意思？什么空间？我相当肯定这不是问题所在（假设JS中还有另一个问题，如另一个答案中所述）。但在这种情况下，两个问题都不检查，因此验证是为了确保其中一个得到检查。
<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>