如何获取选择题的选项

本文主要是介绍如何获取选择题的选项，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

        在做ITOO考试系统，学到很多东西，特别是前台的，感觉前台还是很好玩的。今天在做考试系统交卷的时候发现一个特别好玩的东西，分享给大家~

        关于考试试卷如何单个交卷，有几个规则需要大家知道：

       1、页面上的单选按钮radio必须是分组显示的，也就是说一组的的radio的Name属性必须是相同的。

       实例：

StudentExamQuestion.Append("<h2>" + j + "、" + questioncontent + "</h2>");
StudentExamQuestion.Append("\r\n");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) +"' style='float:left;' value='A' οnclick='submitpaper()'/><h3> A:" + answer1 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='B' οnclick='submitpaper()'/><h3> B:" + answer2 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='C' οnclick='submitpaper()'/><h3> C:" + answer3 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='D' οnclick='submitpaper()'/><h3> D:" + answer4 + "</h3>");

           看上边的例子，一组的name值都是相同的！也就能达到单选的效果。

        2、如何判断学生点击的时候选择的哪个选项？需要通过radio的Checked进行判断。

        实例：

//单个提交答案
function submitpaper() {//当前获取焦点的对象的Namevar radioname = document.activeElement.name;    var radio = document.getElementsByName(radioname);for (var i = 0; i < radio.length; i++) {if (radio[i].checked == true) {i++;alert("你选中的是第" + i + "个单元框。值为：" + radio[--i].value);}}    
}

        效果如下：

         这就是简单的选择题交卷逻辑，希望能给你带去点提示~

这篇关于如何获取选择题的选项的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---