如何获取选择题的选项

        在做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' onclick='submitpaper()'/><h3> A:" + answer1 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='B' onclick='submitpaper()'/><h3> B:" + answer2 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='C' onclick='submitpaper()'/><h3> C:" + answer3 + "</h3>");
StudentExamQuestion.Append("<input type='radio' name='radio" + (i + 1) + "' style='float:left;' value='D' onclick='submitpaper()'/><h3> D:" + answer4 + "</h3>");

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

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

        实例：

//单个提交答案
function submitpaper() {
    //当前获取焦点的对象的Name
   var 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);
        }
    }    
}

        效果如下：

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