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),并为每个单选按钮添加值属性。在“下一步”按钮中添加一个单击处理程序,该按钮检查选择了哪个单选电台以及它的答案是否正确,如果正确,则增加分数。顺便说一句,你应该在收音机周围贴上