Javascript：检查已选择哪个单选按钮

Question

I've checked the forums and can't find anything that directly helps or relates to my problem, so here goes. 我已经检查了论坛，找不到任何直接有助于或与我的问题有关的内容，因此请继续。 I'm making a game for school and the player is shown 3 classes, each with a radiobutton next to them. 我正在为学校制作游戏，并且为该玩家显示3个班级，每个班级旁边都有一个单选按钮。 I want it to be that I can click on a radiobutton, then after I've made a final decision (about which class to be), I can click the button at the bottom and then the game will proceed. 我希望我可以单击一个单选按钮，然后在做出最终决定（关于要选择哪个班级）之后，可以单击底部的按钮，然后继续游戏。

<html>

<head>
    <meta charset="utf-8">
    <title>Class Select</title>
</head>
<link rel="icon" type="image/x-icon" href="icon.ico">

<body background="bg2.jpg">

<p align="center"><font size="20" face="verdana" color="white" ><b><u>Select a Class</u></b>    </font></p>
<br><br>

<div align="middle">

<!-- Angel -->
<img src="angel.png" height="110" width="110" alt="The Angel Class">
<input type="radio"  size="20" name="class" class="big" value="Angel" id="class_angel">
<p><font color="aquamarine" size="8"><b>The Angel</b></font></p>
<p><font color="aquamarine" size="6">A born fighter, for all that is good in the world.</font>        </p>
<br>
<p><font color="darkcyan" size="6"><b>Health: 10</b></font></p>
<p><font color="darkcyan" size="6"><b>Damage: 6</b></font></p>
<p><font color="darkcyan" size="6"><b>Starting Item: Halo</b></font></p>
<p><font color="darkcyan" size="4"><b>(Chance of doing double damage when on less than 5 health)

    </b></font></p>
<br><br>

<!-- Beast -->
<img src="beast.png" height="110" width="110" alt="The Beast Class">
<input type="radio"  size="20" name="class" class="big" value="Beast" id="class_beast">
<p><font color="brown" size="8"><b>The Beast</b></font></p>
<p><font color="brown" size="6">Savage at heart, teeth and mind.</font></p>
<br>
<p><font color="burlywood" size="6"><b>Health: 15</b></font></p>
<p><font color="burlywood" size="6"><b>Damage: 4</b></font></p>
<p><font color="burlywood" size="6"><b>Starting Item: Golden Ring</b></font></p>
<p><font color="burlywood" size="4"><b>(Chance of finding more gold)</b></font></p>
<br><br>

<!-- Spirit -->
<img src="spirit.png" height="110" width="110" alt="The Spirit Class">
<input type="radio"  size="20" name="class" class="big" value="Spirit" id="class_spirit">
<p><font color="papayawhip" size="8"><b>The Spirit</b></font></p>
<p><font color="papayawhip" size="6">Easier to see through his lies.</font></p>
<br>
<p><font color="thistle" size="6"><b>Health: 5</b></font></p>
<p><font color="thistle" size="6"><b>Damage: 10</b></font></p>
<p><font color="thistle" size="6"><b>Starting Item: Wandering Soul</b></font></p>
<p><font color="thistle" size="4"><b>(Chance of draining an enemies life)</b></font></p>
<br><br>

<img onclick="continueCheck()" src="next.png" alt="Continue" class="button">

</div>

<style type="text/css" media="screen">
.big{ width: 8em; height: 8em; }
.medium{ width: 16em; height: 8em; }
.button{ width: 6em; height:6em; }
</style>


<!-- Scripting -->
<script type="text/javascript">
function continueCheck()
{
    if(document.getElementById("class_angel") value="Angel")
    {
        console.log("You pressed Angel");
    }else if(document.getElementById("class_beast") value="Beast")
    {
        console.log("You pressed Beast");
    }else if(document.getElementById("class_spirit") value="Spirit")
    {
        console.log("You pressed Spirit");
    }
}
</script>

</body>

</html>

The area at the bottom, in the tag, doesn't seem to work. 标签底部的区域似乎无效。 I get the error "Uncaught ReferenceError: continueCheck is not defined VM68 classSelect.html:52" 我收到错误消息“未捕获的ReferenceError：未定义VM68 classSelect.html：52的continueCheck”

Answer 1

Your syntax is all jacked up: 您的语法全都提高了：

if(document.getElementById("class_angel") value="Angel")

see how you have a random ")" at the end of your line? 看看行尾有一个随机的“）”吗？

edit: I think you probably meant to write: 编辑：我想你可能打算写：

function continueCheck()
{
    if(document.getElementById("class_angel").checked)
    {   
        console.log("You pressed Angel");
    }
    else if(document.getElementById("class_beast").checked)
    {    
        console.log("You pressed Beast");
    }
    else if(document.getElementById("class_spirit").checked)
    {

        console.log("You pressed Spirit");
    }
}

Javascript：检查已选择哪个单选按钮

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-11-15 19:31:18

Javascript：检查已选择哪个单选按钮

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-11-15 19:31:18

解决方案1
0 已采纳 2014-11-15 19:31:18