Javascript 通过无线电选择点击提交时需要显示警报_Javascript_Html

Javascript 通过无线电选择点击提交时需要显示警报

javascript html

Javascript 通过无线电选择点击提交时需要显示警报,javascript,html,Javascript,Html,编辑：我不认为评论中提到的类似问题会有帮助：（.除非我真的不擅长这一点…我可以得到一条简单的警报消息，但无法得到单个单选按钮显示的警报我只是用Javascript做了一个简单的单选按钮表单，当选择其中一个选项时，点击submit后会发出警报。我对Javascript是全新的，所以我不确定我还能做什么 HTML是可以工作的，但是里面的功能根本不起作用。我不知道还能做什么。任何建议都将不胜感激 <!DOCTYPE html> <html> <head>

编辑：我不认为评论中提到的类似问题会有帮助：（.除非我真的不擅长这一点…我可以得到一条简单的警报消息，但无法得到单个单选按钮显示的警报

我只是用Javascript做了一个简单的单选按钮表单，当选择其中一个选项时，点击submit后会发出警报。我对Javascript是全新的，所以我不确定我还能做什么

HTML是可以工作的，但是里面的功能根本不起作用。我不知道还能做什么。任何建议都将不胜感激

<!DOCTYPE html>
<html>
<head>
    <title> Gender Check </title>
    <meta charset ="UTF-8">
</head>

<body>

    <form id= "form" name ="form" onsubmite="gender()">

        <label>Male
        <input type="radio" id="male" name="male"/>
        </label>

        <label>Female
        <input type="radio" id="female" name="female"/>
        </label>

        <label>Trans
        <input type="radio" id="trans" name="trans"/>
        </label>

        <label>Alien
        <input type="radio" id="alien" name="alien"/>
        </label>

        <label>Boeing AH-64 Apache Attack Helicopter
        <input type="radio" id="helicopter" name="helicopter"/>
        </label>

        <input type="submit" name="submit" value="Don't lie to me."/>

    </form>

    <script type="text/javascript">

    function gender() {
    var male=document.form[0].element[0];
    var female=document.form[0].element[1];
    var trans=document.form[0].element[2];
    var alien=document.form[0].element[3];
    var helicopter=document.form[0].element[4];

    if (document.getElementById('male').checked == true)
    {
    alert("You are a Male.")
    }
    else if (document.getElementById('female').checked == true)
    {
    alert("You are a Feale.")
    }
    else if (document.getElementById('trans').checked == true)
    {
    alert("You are Trans.")
    }
    else if (document.getElementById('alien').checked == true)
    {
    alert("You are an...uh...Alien?")
    }
    else if (document.getElementById('helicopter').checked == true)
    {
    alert("You are definitely not a four-blade, twin-turboshaft attack helicopter with a tailwheel-type landing gear arrangement and a tandem cockpit for a two-man crew.")
    }
    else
    {
    alert("Please pick a choice")
    }

}
    document.forms[0].onsubmit = gender;

    </script>

</body>
</html>


性别检查
男性
女性
反式
外星人
波音AH-64阿帕奇攻击直升机
职能性别（）{
var male=document.form[0]。元素[0]；
var=document.form[0]。元素[1]；
var trans=document.form[0]。元素[2]；
var alien=document.form[0]。元素[3]；
var=document.form[0]。元素[4]；
if（document.getElementById（'male'）。checked==true）
{
警惕（“你是男性。”）
}
else if（document.getElementById（'female'）。checked==true）
{
警惕（“你是个疯子。”）
}
else if（document.getElementById（'trans'）。checked==true）
{
警惕（“你是变性人”）
}
else if（document.getElementById（'alien'）。checked==true）
{
警惕（“你是……嗯……外星人？”）
}
else if（document.getElementById（'helposer'）。checked==true）
{
警惕（“你绝对不是一架四叶双涡轴攻击直升机，带有后轮式起落架和双人驾驶舱。”）
}
其他的
{
提醒（“请选择一个选项”）
}
}
document.forms[0]。onsubmit=gender；

如果要提交表单，请将按钮类型更改为

button

，并将事件关联为

onclick='gender（）'

，并保持其余代码不变。

错误为：

您使用了

document.form[0]。元素[1]

而不是

document.form[1]

您编写了

onsubmite

而不是

onsubmit

您所有的单选输入都具有相同的

名称

属性，因此您可以选择多个选项。您应该为同一组的每个单选按钮使用相同的名称

您可以单独使用

male.checked

减少

male.checked==true

函数性别（）{
var male=document.form[0]；
var=document.form[1]；
var trans=文件格式[2]；
var alien=文件.表格[3]；
var直升机=文件格式[4]；
如果（男性，选中）{
警惕（“你是男性。”）
}否则，如果（女性，选中）{
警惕（“你是女性。”）
}否则，如果（已选中事务处理）{
警惕（“你是变性人”）
}else if（外国人。选中）{
警惕（“你是……嗯……外星人？”）
}否则，如果（直升机检查）{
警惕（“你绝对不是一架四叶双涡轴攻击直升机，带有后轮式起落架和双人驾驶舱。”）
}否则{
提醒（“请选择一个选项”）
}
}


性别检查
男性
女性
反式
外星人
波音AH-64阿帕奇攻击直升机

此表单的可能副本非常棒…+1.awww这是一个非常可爱的代码。你最终会到达那里的。继续保持下去：）我喜欢apache直升机部分。：）你的评论有什么意义@shanksIs还有什么我可能遗漏的吗？我使用了你的建议，但仍然没有收到警告框。我应该选择一种不同的方式来做这件事吗@丹雅

 <form id= "form" name ="form" onsubmit="gender()">

onsubmit="return gender()"