<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>试卷生成器</title>

<style type="text/css">

body {

    font-size: 28px;

    background: #cad6ed;

    font-family: "楷体";

}

#container {

    margin: 0px auto;

}

#box {

    overflow: hidden;

}

#box label {

    margin-top: 5px;

    background: #5dfec7;

    width: 80px;

    display: inline-block;

    text-align: right;

    margin-left: 50px;

}

</style>

<script type="text/javascript">

    window.onload = function() {

        var est = document.getElementById("establish");

        var txtRow = document.getElementById("txtRow");

        var txtColumn = document.getElementById("txtColumn");

        var mybody = document.getElementById('mybody');

        est.onclick = function() {

            var boxs = document.getElementById('box');

            boxs.innerHTML = "";

            var row = txtRow.value;

            var col = txtColumn.value;

            if (col > 4) {

                mybody.style.width = (col - 4) * 350

                        + document.body.scrollWidth;

            }

            initOptions(row, col);

        }

    }

    function initOptions(row, column) {

        var box = document.getElementById('box');

        //题目编号，从0开始

        var count = 0;

        //

        for (var i = 1; i <= row; i++) { //默认i的值为15

            count++;

            var mydiv = document.createElement("div");

            box.appendChild(mydiv);

            mydiv.style.overflow = "auto";

            for (var j = 1; j <= column; j++) {

                //创建一个label

                var label = document.createElement('label');

                //设置编号

                if (j == 1) {

                    label.innerHTML = count + "题";

                } else {

                    //多列的情况下创建题目编号的方式

                    label.innerHTML = (count + row * (j - 1)) + "题";

                }

                var littlediv = document.createElement("div");

                littlediv.style.float = "left";

                mydiv.appendChild(littlediv);

                littlediv.appendChild(label);

                //创建四个选项

                var checkbox1 = document.createElement("input");

                checkbox1.setAttribute("type", "checkbox");

                var cbtxt = document.createTextNode("A");

                littlediv.appendChild(checkbox1);

                littlediv.appendChild(cbtxt);

                //第二个checkbox

                var checkbox2 = document.createElement("input");

                checkbox2.setAttribute("type", "checkbox");

                var cbtxt2 = document.createTextNode("B");

                littlediv.appendChild(checkbox2);

                littlediv.appendChild(cbtxt2);

                //第三个checkbox

                var checkbox3 = document.createElement("input");

                checkbox3.setAttribute("type", "checkbox");

                var cbtxt3 = document.createTextNode("C");

                littlediv.appendChild(checkbox3);

                littlediv.appendChild(cbtxt3);

                //第四个checkbox

                var checkbox4 = document.createElement("input");

                checkbox4.setAttribute("type", "checkbox");

                var cbtxt4 = document.createTextNode("D");

                littlediv.appendChild(checkbox4);

                littlediv.appendChild(cbtxt4);

                var myline = document.createElement("br");

                if (j == column) {

                    mydiv.appendChild(myline);

                }

            }

        }

    }

</script>

<body id="mybody">

    <div id="container">

        <div id="box"></div>

        <div id="tool">

            <label for="txtRow">行:</label> <input id="txtRow" type="text"

                style="width: 50px;" /> <label for="txtColumn">列:</label> <input

                id="txtColumn" type="text" style="width: 50px;" /> <input

                id="establish" type="button" value="生成" /> <label for="txtName">姓名:</label>

            <input id="txtName" name="txtName" type="text" /> <input

                type="submit" value="提交" />

        </div>

        <input type="hidden" id="selectData" name="selectData" value="" />

    </div>

</body>

</head>

</html>

jquery考试成绩统计系统的更多相关文章

  1. 成绩统计程序（Java）

    我的程序: package day20181018;/** * 成绩统计系统 * @author Administrator */import java.util.Scanner;//提供计算机直接扫 ...

  2. 【JAVA】【作业向】第一题：本学期一班级有n名学生，m门课程。现要求对每门课程的成绩进行统计：平均成绩、最高成绩、最低成绩，并统计考试成绩的分布律。

    1.预备知识:动态数组Array实现: 2.解题过程需要理解的知识:吧唧吧唧吧唧吧唧 不想做了 就用了最简单的方法 和c语言类似 java版本 `import java.util.Scanner; / ...

  3. R语言学习笔记：分析学生的考试成绩

    孩子上初中时拿到过全年级一次考试所有科目的考试成绩表,正好可以用于R语言的统计分析学习.为了不泄漏孩子的姓名,就用学号代替了,感兴趣可以下载测试数据进行练习. num class chn math e ...

  4. 利用JS跨域做一个简单的页面访问统计系统

    其实在大部分互联网web产品中,我们通常会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的JS脚本,然后便可以在这些统计系统中看到自己网站页面具体的访问情况.但是有些时候,由于一些特殊情况,我们 ...

  5. 利用JS跨域做一个简单的页面訪问统计系统

    事实上在大部分互联网web产品中,我们一般会用百度统计或者谷歌统计分析系统,通过在程序中引入特定的JS脚本,然后便能够在这些统计系统中看到自己站点页面详细的訪问情况.可是有些时候,因为一些特殊情况,我 ...

  6. （注意输入格式）bistuoj（旧）1237 成绩统计

    成绩统计 Time Limit(Common/Java):1000MS/3000MS          Memory Limit:65536KByteTotal Submit:88          ...

  7. 开源网站流量统计系统Piwik源码分析——参数统计（一）

    Piwik现已改名为Matomo,这是一套国外著名的开源网站统计系统,类似于百度统计.Google Analytics等系统.最大的区别就是可以看到其中的源码,这正合我意.因为我一直对统计的系统很好奇 ...

  8. C语言程序设计#成绩查询系统

    学生成绩管理系统 [注释]:请点赞,好人一生平[yi]安[wo]. #codeblocks程序下编写 #include<stdio.h>#include<stdlib.h>// ...

  9. CCF CSP认证考试在线评测系统

    关于 CCF CSP 认证考试在线评测系统 CCF CSP 认证考试简介 CCF 是中国计算机学会的简称.CCF 计算机软件能力认证(简称 CCF CSP 认证考试)是 CCF 于 2014 年推出, ...

随机推荐

  1. mybatis源码解析之Configuration加载（一）

    概要 上一篇,我们主要搭建了一个简单的环境,这边我们主要来分析下mybatis是如何来加载它的配置文件Configuration.xml的. 分析 public class App { public ...

  2. java 反射获取方法返回值类型

    //ProceedingJoinPoint pjp //获取方法返回值类型 Object[] args = pjp.getArgs(); Class<?>[] paramsCls = ne ...

  3. Python的布尔值与空值

    1.Boolean值(布尔值) 一个布尔值只有Ture.False两种值 b1 =True b2 =False print (b1,b2)>>>True False 2.空值(non ...

  4. struts校验

    Struts2 校验框架 Struts2 和Struts1同样也提供了校验框架,但在Struts2 已经不再把校验框架做为一个插件,而是已经内置到了Struts2中,而且配置起来更为简单方便,功能也更 ...

  5. windows环境搭建nginx

    1.下载安装nginx 2.启动nginx:点击nginx.exe文件,cmd,进入nginx根目录,执行start nginx 2.修改nginx配置文件nginx.conf 修改配置文件中serv ...

  6. 爬取QQ音乐歌手的歌单

    import requests# 引用requests库res_music = requests.get('https://c.y.qq.com/soso/fcgi-bin/client_search ...

  7. 浅谈requireJS 摘自http://www.cnblogs.com/giggle/p/5436710.html

    项目中大都使用模块化开发,requireJS作为AMD模块开发的典范,所以有必要学习下.通过一步步利用requireJS编写demo,从而学习requireJS的一个整体开发流程以及自我使用requi ...

  8. Fiddler抓不到https的解决办法

    这个问题可能是证书的问题,操作步骤如下:  Step 1:打开系统证书管理器certmgr.msc,点击操作–查找证书,然后输入fiddler查找所有相关证书,将查找出来的结果全部删除: Step 2 ...

  9. pycharm中字体大小的调整方法

    一.file->settings->editor->font->size 二.file中键入mouse,在其下editor->general->mouse选中:ch ...

  10. 集合List的排序

    自从出现了泛型和LINQ,对于集合的排序变得更简单了. //倒序 list.OrderByDescending(p=> p.a).ThenByDescending(p => p.b); / ...