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< br> alert("First style");else if(score >4 && score < br> alert("second style");else if(score >8 && score < br> alert("third style");else alert("error");}//得到radio的值function getRadioValue(radioName){var obj=document.getElementsByName(radioName);for(var i=0;i if(obj[i].checked){ return obj[i].value; } } return ""; } function countScore(){ score = 0 ; //清空score //注意这里的i从1开始加 for(var i=1;i var val=getRadioValue(question[i]); if(val !=""){ add(val);//加分 } else{//空答案，没有选择 alert("please choose your answer at question:" + question[i]); return; } } output(); } Demo演示地址： http://www.lidaren.com/code/judge.htm 明天又要开始工作了，祝大家劳动节有个愉快的假期啊 -------------------------------------------------------------------------------------- - 版权声明： - 如在本页面内无特别说明，本文内容均为[李大仁博客]原创，本文版权归[李大仁博客]所有。 - 欢迎转载，转载请务必在文章页面明显位置提供原文链接并注明出处。欢迎您在转载本文时保留本段声明。 - 文章标题： [JavaScript]JS获取Radio值的演示简单的考试测试评分系统 - 独立博客： 李大仁博客 - 永久链接：http://www.lidaren.com/archives/411 -------------------------------------------------------------------------------------- 以上内容由博客自动发布工具自动发布，最终显示内容和效果会与原文内容有所偏差，敬请谅解。