Javascript 选中单选按钮后从中获取值,以汇总最终分数

Javascript 选中单选按钮后从中获取值,以汇总最终分数,javascript,jquery,Javascript,Jquery,我正在做一个单选题测验,我想得到单选按钮的值,一旦它被选中,并在最后给出最终分数。例如“五分之一正确” 大宗报价 > >$(文档).ready(函数(){ >var计数器=0; >var得分=0; > > >var quizQuestions=[{ >问题:“美国是在哪一年建立的?”, >选择:[“1775”、“1776”、“1801”、“1492”], >答复:一, > }, { >问题:“谁没有签署独立宣言?”, >选择:[“乔治·瓦辛顿”、“本·富兰克林”、“约翰·汉考克

我正在做一个单选题测验,我想得到单选按钮的值,一旦它被选中,并在最后给出最终分数。例如“五分之一正确”

大宗报价

>
>$(文档).ready(函数(){
>var计数器=0;
>var得分=0;
> 
> 
>var quizQuestions=[{
>问题:“美国是在哪一年建立的?”,
>选择:[“1775”、“1776”、“1801”、“1492”],
>答复:一,
>       }, {
>问题:“谁没有签署独立宣言?”,
>选择:[“乔治·瓦辛顿”、“本·富兰克林”、“约翰·汉考克”、“托马斯·杰斐逊”],
>答复:0
>       }, {
>问题:“谁是唯一任期超过两届的总统?”,
>选择:[“乔治·华盛顿”、“伍德罗·威尔逊”、“富兰克林·德拉诺·罗斯福”、“詹姆斯·麦迪逊”],
>答复:二,
>       }, {
>问题:“美国在哪一年登上月球?”,
>选择:[“1969”、“1965”、“1970”、“1968”],
>答复:0
>       }, {
>问题:“美国从哪个国家购买路易斯安那州?”,
>选择:[“英国”、“西班牙”、“德国”、“法国”],
>答复:3
>       }]
> 
>$(“#开始”)。单击(函数(){
>$(“#开始”).hide()
>$(“#下一步”).show()
>       })
> 
>$(“#下一步”)。在(“单击”,函数(){
> 
>$(“.choices,.questions”).empty();
> 
>函数递增计数器(){
>$(“#计数”)。文本(计数器);
>         };
> 
>$(“.questions”).append(“+quizQuestions[counter].question+”)
> 
>对于(变量i=0;i$(“.choices”).append(“
    ”+”+quizQuestions[counter]。choices[i]+“
”) > } > >递增计数器(); >柜台++ > > }) > > > }); > >
>
>身体{
>背景图片:url(“../img/american flag.jpg”);
>背景重复:无重复;
>背景大小:100%100%;
>     }
>html,
>身体{
>最小高度:100%;
>     }
>.问答应用{
>位置:相对位置;
>宽度:400px;
>高度:400px;
>背景色:白色;
>边框样式:实心;
>保证金:0自动;
>顶部:200px;
>文本对齐:居中;
>     }
>h1{
>颜色:橙色;
>     }
>#开始{
>利润上限:70像素;
>宽度:70px;
>边界半径:5px;
>底部:150px;
>     }
>#下一步{
>显示:无;
>利润上限:70像素;
>宽度:70px;
>边界半径:5px;
>底部:150px;
>     }
>.问题{
>文本对齐:居中;
>左边距:25px;
>保证金:0自动;
>底部:120px;
>颜色:红色;
>     }
>.选择{
>显示:块;
>底部:100px;
>     }
>#计数{
>宽度:50px;
>高度:20px;
>文本对齐:底部对齐;
>     }
> 
>
>
>     
>     
> 
>     
>       
>测验时间
>charset=“utf-8”>
>       
>       
>       
>       
>     
> 
>     
>       
>       
>历史测验
> 
>         
> 
>         
>         
> 
>开始
>下一个
>         
>       
> 
>     
>     
> 
>     
> 

>
这就是你要找的吗

$(".choices input:radio").on("click", function () {
    alert('test');
});

你快到了。您需要为每个单选按钮添加名称属性(对于问题中的每个选项必须相同,例如q1),并为每个单选按钮添加值属性。在“下一步”按钮中添加一个单击处理程序,该按钮检查选择了哪个单选电台以及它的答案是否正确,如果正确,则增加分数。顺便说一句,你应该在收音机周围贴上
  • 标签。非常感谢你抽出时间,我该怎么办?任何进一步的提示或例子将不胜感激。再次感谢。谢谢你,我是新来的,我应该在代码中插入它,使其发挥作用吗?很抱歉问这么一个业余的问题。