html单选框判断以及图片上传并显示 jsp

通过js去判断做的题目是否正确

做一个考试网站时,通常需要去判断题目是否正确。

jsp页面代码

<div>
  <c:forEach var="exam" items="${examList}">
        <!--题目-->
        ${exam.question}(选择题)
      <div>
      	<input type="text" name="answer"value="${exam.answer}">
		<input type="radio" name="opinion_${exam.eid}" value="A">A. ${exam.opiniona}
        <input type="radio" name="opinion_${exam.eid}" value="B">B. ${exam.opinionb}
        <input type="radio" name="opinion_${exam.eid}" value="C">C. ${exam.opinionc}
        <input type="radio" name="opinion_${exam.eid}" value="D">D. ${exam.opiniond}
       </div>
   </c:forEach>
     <button type="submit" onclick="assignment()">提交试卷</button>
  <div>

js代码

    function assignment(){
        if(confirm("是否交卷")){
            var answer=document.getElementsByName("answer");
            //单选框选中的值
            var arr=document.querySelectorAll('input:checked');
            var sore=0;
            for (var i=0;i<answer.length;i++){
                if (arr[i].value==answer[i].value) {
                    sore+=10;
                }
            }
            alert("你的得分为"+sore)
            window.location.href = "/student/sore?score="+sore+"&qid="+${qid}+"&stuid="+${student.id};
    }
    }

复选框全选以及删除

//复选框选中
 function checkAll() {
            var all = document.getElementById('del'); //获取到点击全选的那个复选框的id
            var one = document.getElementsByName('check'); //获取到复选框的名称
            if (all.checked == true) { //因为获得的是数组，所以要循环 为每一个checked赋值
                for (var i = 0; i < one.length; i++) {
                    one[i].checked = true;
                }
            } else {
                for (var j = 0; j < one.length; j++) {
                    one[j].checked = false;
                }
            }
        }
		//删除
        function checkdel() {
            var obj = document.getElementsByName("check");
            var check_val = "";
            var flag=false;
            for(var i = 0; i < obj.length; i++){
                if(obj[i].checked){
                    flag=true;
                    check_val+=obj[i].value+",";
                }
            }
            if (!flag) {
                alert("Please Choose Records To Delete ！");
                return false;
            } else {
                if (confirm("Are you Sure To Delete？")) {
                    window.location.href = "/admin/adminDelAllStu?cks=" + check_val;
                }
            }
        }

删除

 function confirmdel(numstring) {
        if (confirm("Are you Sure To Delete？")) {
            window.location.href = "/student/DelStudent?id=" + numstring;
        }
    }

实现图片上传并显示

<img src="" id="image">
<input type="file" name="imgFile" onchange="change(this)">

 <%--实现图片上传 立即显示--%>
    function change(resouce) {
        //获取图片文件的对象
        var imgFile=resouce.files[0];
        //获取图片本地内存路径
        var url=window.URL.createObjectURL(imgFile);
        document.getElementById("image").setAttribute("src",url);
        // JQuery $("#image").attr("src",url);
    }