验证Javascript中的单选按钮_Javascript_Html

验证Javascript中的单选按钮

javascript html

验证Javascript中的单选按钮,javascript,html,Javascript,Html,我正在尝试使用Javascript验证一些单选按钮，但无法使其正常工作。我只是想确保用户通过检查单选按钮来回答问题，并且不留下任何未回答的问题。代码如下： Html …. Gender: <input type="radio" id="Male" name="Gender"> Male <input type="radio" id="Female" name="Gender"> Female Member: <input type="radio" id="Mem"

我正在尝试使用Javascript验证一些单选按钮，但无法使其正常工作。我只是想确保用户通过检查单选按钮来回答问题，并且不留下任何未回答的问题。代码如下：

Html
….
Gender:
<input type="radio" id="Male" name="Gender"> Male
<input type="radio" id="Female" name="Gender"> Female

Member:
<input type="radio" id="Mem" name="Member"> Yes
<input type="radio" id="NonMem" name="Member"> No

Vegetarian:
<input type="radio" id="Veg" name="Veget"> Yes
<input type="radio" id="NonVeg" name="Veget"> No
……

如有任何答案/帮助，将不胜感激。

函数验证（）
{
如果选中（！document.getElementById（“男性”）&！document.getElementById（“女性”）.checked）
{提醒（“请说明性别”）；
返回；}
如果选中（！document.getElementById（“Mem”）&！document.getElementById（“NonMem”）.checked）
{提醒（“请指定成员”）；
返回；}
如果选中（！document.getElementById（“Veg”）&！document.getElementById（“NOVEG”）.checked）
{提醒（“请指定素食者”）；
返回；}
警报（“成功验证”）；
}

性别：
男性
女性


成员:
对
不


素食主义者：
对
不

试试这个

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
 Gender:
    <input type="radio" id="Male" name="Gender"> Male
    <input type="radio" id="Female" name="Gender"> Female
    <br>
    Member:
    <input type="radio" id="Mem" name="Member"> Yes
    <input type="radio" id="NonMem" name="Member"> No
    <br>
    Vegetarian:
    <input type="radio" id="Veg" name="Veget"> Yes
    <input type="radio" id="NonVeg" name="Veget"> No
    <br>
    <input type='button' value='Validate' onclick='validate();'>
    <script>
     function validate()
    {
    if (!document.getElementById("Male").checked && !document.getElementById("Female").checked)
            {alert("Please specify gender");
            return;}

    if (!document.getElementById("Mem").checked && !document.getElementById("NonMem").checked)
            {alert("Please specify member");
            return;}

    if (!document.getElementById("Veg").checked && !document.getElementById("NonVeg").checked)
            {alert("Please specify vegetarian");
            return;}
      alert("successfully validated");
      }
    </script>
</body>
</html>


性别：
男性
女性


成员:
对
不


素食主义者：
对
不


函数验证（）
{
如果选中（！document.getElementById（“男性”）&！document.getElementById（“女性”）.checked）
{提醒（“请说明性别”）；
返回；}
如果选中（！document.getElementById（“Mem”）&！document.getElementById（“NonMem”）.checked）
{提醒（“请指定成员”）；
返回；}
如果选中（！document.getElementById（“Veg”）&！document.getElementById（“NOVEG”）.checked）
{提醒（“请指定素食者”）；
返回；}
警报（“成功验证”）；
}

你搞乱了一些小的代码错误，但你的逻辑是完全正确的……只要看看你的代码就行了

您使用了

document.getElementByID

它可能是

document.getElementByID

…您得到了吗

不是

ID

。它是

Id

简单的，只需更正Javascript代码中的“TypeError”：

替换：

document.getElementByID

与：

document.getElementById

那么什么是“不工作”呢？当我在笔记本上使用Dreamweaver在实时视图中进行测试时，我发现这些代码不工作。即使选择了性别，它仍会不断弹出“请指定性别”警报。它在我的服务器中作为一个html页面完美地工作。谢谢大家的回答。

document.getElementById