在javascript中更改选定单选按钮标签的颜色

我目前正在学习javascript，并尝试按照中提供的示例在javascript中使用单选按钮进行测验。我现在陷入了一种情况，希望根据所选答案将所选单选按钮标签颜色更改为红色或绿色

我已经把我的代码放进去了，我可以让它在ny浏览器中工作，但我不知道为什么它在JSFIDLE中似乎不工作，基本思想是一样的，只是我想根据正确或错误更改所选单选按钮标签的颜色

任何有关这方面的帮助都将不胜感激

**编辑* 由于下面的注释，JSFIDLE现在可以工作了

修复了它。我所做的只是添加以获取父级

，并根据答案向其添加

.correct

或

.correct

类

HTML

网页设计小测验
1.CSS代表什么？

彩色样式符号
级联样式表
计算机样式符号

2.DHTML代表什么？

戏剧性的HTML
设计HTML
动态HTML

3.谁创建了Javascript？

微软
网景
太阳微系统

4.CGI代表什么？

级联门相互作用
通用GIF接口
公共网关接口

分数=


正确答案：

Javascript​

//插入问题数量
var numQues=4；
//在每个问题中插入选项数
var numChoi=3；
//插入答案区域中显示的问题数
var answers=新数组（4）；
//插入问题的答案
答案[0]=“层叠样式表”；
答案[1]=“动态HTML”；
答案[2]=“网景”；
回答[3]=“公共网关接口”；
//不要在下面更改任何内容。。。
函数getScore（表格）{
var得分=0；
var currElt；
变量选择；
对于（i=0；i对于jsfiddle中的（i=1；i），左侧有一列包含各种设置。在“选择框架”下有一个下拉框，默认为“onLoad”。这允许您选择如何在页面中包含和执行javascript

当您选择“onLoad”时，任何声明的函数或变量都不会是全局的。但是，使用
onClick=“getScore（this.form）”
要求函数是全局的。相反，您应该选择“no wrap（head）”或“no wrap（body）”

博士

从左侧的下拉框中选择“no wrap（head）”，让您的示例在JSFIDLE中工作。
更新了可以工作的小提琴（但不适用于颜色），谢谢，这看起来不错……我正在努力使用最后一个！）问题是getScore在他的示例中不作为函数存在，但您是如何修复它的？我知道它非常简单，但我无法看到它：pSee在菜单的左侧。我删除了mootools（因为没有使用它），并将其设置为在主体中包含javascript（因此我知道当所有内容都存在时，它将被插入）。