JS操作Radiobutton简单的考试评分系统

CG李大仁

于 2016-08-16 10:39:40 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/yctccg/article/details/52217891

这篇博客介绍了一个使用JavaScript实现的简单考试评分系统，该系统针对4选1的题目，根据用户选择的选项（A:0分，B:1分，C:2分，D:3分）进行评分，判断用户所属的认知风格。通过遍历每个题目组的Radio按钮，获取选中值并累计分数。当用户完成所有题目后，系统会根据得分范围显示用户所属的风格类型。此外，还提供了未选择答案时的错误提示。博客中包含了完整的JS代码示例和在线演示链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

昨天和前天CG做了一个简单的休息调整，感觉很好，今天跟大家报到下午查收邮件，关于一个JS的问题，问题大致如下：

一个认知风格测试，N道4选1的题目，A选项对应是0分，B对应是1分，CD类推，点击判分后，可以根据响应分数显示用户属于哪种风格，比如，0-10分属于A型，10-20分属于B型。

解决方法：以四个Radio为一组，然后依次遍历每一组中的radio，获取选中的值，根据值加分就好了，如果其中一组中没有选中答案，提示出错

JS代码如下：



var score; //定义分数

var rate = new Array();//定义分数数组

rate['A']=0;

rate['B']=1;

rate['C']=2;

rate['D']=3;

//定义题目数组，这里每一组题作为一个数组元素

var question = new Array("",

"test1",

"test2",

"test3",

"test4"

);

//加分

function add(grade){
   
   

score += rate[grade];

}

//输出

function output(){
   
   

if(score>=0 && score<  br>
	alert("First style");

else if(score >4 && score <  br>
	alert("second style")