你的位置:首页 > Java教程

[Java教程]js动态生成选项之考试系统(一)


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>  <base href="<%=basePath%>">  <title>微冷的雨考试成绩统计系统</title>  <style type="text/css">     body{   font-size:30px;   background:#fff6ed;   font-family:"楷体";   }       #container{    margin:0px auto;    }       #box{     /* border:1px solid red; */     overflow:hidden;         }       #box label{    margin-top:5px;    background:#cde6c7;    width:80px;    display:inline-block;    text-align:right;    margin-left:50px;    }  </style>  <script type="text/javascript">    //加载完所有的标签,图片和css后执行    window.onload=function(){     var row=15;     var col=2;     var mybody=document.getElementById('mybody');     if(col>4){      mybody.style.width=document.body.scrollWidth+(col-4)*350;     }          //mybody.style.width="3333px";     initOptions(row,col);     //alert(body.documentElement.clientWidth);    // document.body.scrollWidth=3333;     var cbxs=document.getElementsByName("rchoice");     for ( var i = 0; i < cbxs.length; i++) {       cbxs[i].style.cssText="margin-left:20px;";     }    };    //动态加载答题区控件!    function initOptions(row,column){          var box=document.getElementById('box');      //题目编号,从0开始      var count = 0;      var mytag; //CheckBox的Tag属性值      //      for (var i = 1; i <=row ; i++){ //默认i的值为15        count++;         var mydiv=document.createElement("div");         box.appendChild(mydiv);         //mydiv.style.border="1px solid blue";         // mydiv.style.paddingRight="700px";          mydiv.style.overflow="auto";        for (var j = 1; j <=column; j++){  //默认j的值为2           //创建一个label          var label=document.createElement('label');                     //设置座位号          if (j == 1)          {            label.innerHTML = count+ "题";             mytag = count;          }          else          {            //多列的情况下创建题目编号的方式            label.innerHTML = (count +row*(j-1)) + "题";            mytag = count + row*(j-1);          }          var littlediv=document.createElement("div");          littlediv.style.float="left";                    //littlediv.style.border="3px solid blue";          mydiv.appendChild(littlediv);          littlediv.appendChild(label);          //创建四个选项          var checkbox1=document.createElement("input");          checkbox1.setAttribute("type","checkbox");          checkbox1.setAttribute("value","A:"+mytag);          checkbox1.setAttribute("name","rchoice");          var cbtxt=document.createTextNode("A");          littlediv.appendChild(checkbox1);          littlediv.appendChild(cbtxt);                    //第二个checkbox           var checkbox2=document.createElement("input");          checkbox2.setAttribute("type","checkbox");          checkbox2.setAttribute("value","B:"+mytag);          checkbox2.setAttribute("name","rchoice");          var cbtxt2=document.createTextNode("B");          littlediv.appendChild(checkbox2);          littlediv.appendChild(cbtxt2);          //第三个checkbox           var checkbox3=document.createElement("input");          checkbox3.setAttribute("type","checkbox");          checkbox3.setAttribute("value","C:"+mytag);          checkbox3.setAttribute("name","rchoice");          var cbtxt3=document.createTextNode("C");          littlediv.appendChild(checkbox3);          littlediv.appendChild(cbtxt3);                     //第四个checkbox           var checkbox4=document.createElement("input");          checkbox4.setAttribute("type","checkbox");          checkbox4.setAttribute("value","D:"+mytag);          checkbox4.setAttribute("name","rchoice");          var cbtxt4=document.createTextNode("D");                    littlediv.appendChild(checkbox4);          littlediv.appendChild(cbtxt4);          var myline=document.createElement("br");                    if(j==column){            mydiv.appendChild(myline);          }       }      }          }  </script> </head>  <body id="mybody">   <div id="container">     <!-- <fieldset>     <legend>答题区 :本软件由微冷的雨出品!如有问题,请发送反馈信息到:yymqqc@126.com</legend> -->     <div id="box">              </div>     <!-- </fieldset> -->   </div> </body></html>

 




几月去法国旅游最便宜怎样去法国旅游7月法国旅游法国旅游多少钱一人法国游费用广东桂山大峡谷漂流在哪里?桂山大峡谷漂流好玩么? 2015万绿谷漂流门票价格?河源万绿谷漂流什么时候结束? 河源万绿谷空中漂流一日游价格?万绿谷空中漂流包含门票吗? 广州到九连山新河漂流有多远?广州到连平九连山新河漂流多少公里? 怀集燕岩风景图片?燕岩景区怎么走? 从化碧泉酒店房间价格?广州从化碧泉大酒店住宿攻略? 从化碧水湾温泉度假村简介?从化逸泉国际大酒店电话? 从化碧水湾温泉度假村怎么走?从化逸泉国际大酒店地址? 海南鹿回头山顶公园地址?鹿回头山顶公园自己坐车怎么去? 博鳌亚洲论坛要门票不?博鳌亚洲论坛会址景区凭本地身份证半价吗? 2015腾讯全球合作伙伴大会在哪举办?腾讯全球合作伙伴大会时间? 文昌到椰子大观园如何乘车?文昌坐车到椰子大观园怎么走? 越南土特产品 越南娱乐篇 越南菜离不开“四大金刚” 超级完整版:菲律宾旅游攻略 ISL9011AIRPPZ-T Datasheet ISL9011AIRPPZ-T Datasheet ISL43L122IRZ-T Datasheet ISL43L122IRZ-T Datasheet ISL8118IRZ-T Datasheet ISL8118IRZ-T Datasheet 淄博到香港旅游报价 淄博到香港旅游报价 淄博到香港旅游报价 沈阳香港旅游报价 沈阳香港旅游报价 沈阳香港旅游报价 南京港澳游报价 南京港澳游报价 南京港澳游报价