<!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. python简单爬虫 使用pandas解析表格,不规则表格

    url = http://www.hnu.edu.cn/xyxk/xkzy/zylb.htm 部分表格如图: 部分html代码: <table class="MsoNormalTabl ...

  2. python的切片

    切片 取一个list或tuple的部分元素是非常常见的操作.比如,一个list如下: >>> L = ['Michael', 'Sarah', 'Tracy', 'Bob', 'Ja ...

  3. if else 和if elif else的区别

    def fuck(a): if a ==1: print(a) if a ==2: print("not good") else: print("tamade" ...

  4. 20175224 2018-2019-2 《Java程序设计》第四周学习总结

    教材学习内容总结 子类的定义 class 子类名 extends 父类名 { ... } 子类继承性 子类继承父类的成员变量.方法.成员变量可以被子类中自己定义的任何实例方法操作:继承的方法可以被子类 ...

  5. 选择排序<C#>

    目标:对数组(列表等任意有序容器)进行排序 方法:对列表进行遍历,选出最大的   之后将这个数储存起来,对剩下的数再选择最大的,之后再对剩下数做同样的操作 直至结束即可.   代码如下: public ...

  6. OpenGL之shader着色器的应用，三色渐变的三角形

    学习自: https://learnopengl-cn.github.io/01%20Getting%20started/05%20Shaders/#_7 首先放一张效果图: 本次教程,将着色器单独定 ...

  7. DFS和BFS

    BFS 代码步骤: 1.写出每个点和每个点的邻接点的对应关系 2.方法参数:传一个对应关系和起始点 3.创建一个队列,然后每次都移除第一个,然后把移除的邻接点添加进去,打印取出的第一个,然后循环,一直 ...

  8. c#计算器

    代码没有大的问题,但是起初点击控件无反应,原因是事件代码要自己敲,不能直接粘贴. using System;using System.Collections.Generic;using System. ...

  9. java 第三周作业

    1.P132分析: long before = System.currentTimeMillis(); //返回当前的计算机时间,时间的表达格式为当前计算机时间和GMT时间(格林威治时间)1970年1 ...

  10. Linux 登陆配置读取顺序

    Linux用户在登陆到Linux服务器时,一些登陆的提示欢迎信息,以及特定的环境配置等等都按预先设定好的配置来生效.Linux中的这个shell环境会读取很多不同的配置文件来达成上述目的,同时还有登陆 ...