banner
李大仁博客

李大仁博客

天地虽大,但有一念向善,心存良知,虽凡夫俗子,皆可为圣贤。

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

昨天和前天 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< =4)
alert("First style");
else if(score >4 && score < =8)
alert("second style");
else if(score >8 && score < =12)
alert("third style");
else
alert("error");
}
// 得到 radio 的值
function getRadioValue(radioName){
var obj=document.getElementsByName(radioName);
for(var i=0;i

Demo 演示地址:
http://www.lidaren.com/code/judge.htm

明天又要开始工作了,祝大家劳动节有个愉快的假期啊

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。