<!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. mysql插入中文报错的问题

    报错:1366, "Incorrect string value: '\\xE6\\xB7\\xB1\\xE5\\x85\\xA5...' for column ' 由于公司原因之前一直在使 ...

  2. 关于ijkplayer下载的demo不能运行，这是因为FFmpeg

    前提是你在Mac上已经配置了 homebrew 包管理工具 关于ijkPlayer的demo和framework的使用,也许当直接下载下来不能使用,这时候你需要再你下载的当前目录下运行,你看下自己的目 ...

  3. Android四大组件之Service --- 如何启动和停止Service？

    启动和停止方法主要是通过Intent来实现 以上一篇中的ServiceTest项目为例来启动和停止MyService这个服务 首先修改activity_main.xml中的代码,如下所示:<Li ...

  4. centos7 下zookeeper 部署 单机多实例模式

    centos7 下zookeeper 部署 本文参考https://www.linuxidc.com/Linux/2016-09/135052.htm 1.创建/usr/local/zookeeper ...

  5. jsp页面传中文到后台乱码怎么办？

    一般从前台传值到后腰如果传的值是中文的话,又不用post传值方式,到后台显示会显示成乱码的形式.所以以下方法亲测有效防止乱码. 前台jsp页面: var taskTitle = $('#taskTit ...

  6. 七月在线爬虫班学习笔记（二）——Python基本语法及面向对象

    第二课主要内容如下: 代码格式 基本语法 关键字 循环判断 函数 容器 面向对象 文件读写 多线程 错误处理 代码格式 syntax基本语法 a = 1234 print(a) a = 'abcd' ...

  7. java 构造方法详解

    构造方法(构造器)    是一种特殊的方法,该方法只有功能:构造对象    特点:        1.没有返回值        2.构造方法的名称一定和类名一致        3.不能在构造方法中写r ...

  8. 收藏nginx学习

    http://blog.csdn.net/u012186351/article/details/50605672 http://blog.csdn.net/qq_25371579/article/de ...

  9. 性能测试LR学习笔录 -2

    LoadRunner基本测试流程: 制定性能测试计划(部分)  -> 创建测试脚本 -> 编译.运行测试脚本 -> 创建场景 - > 运行.监控场景.收集数据  -> 生 ...

  10. Vue中transition和animation的使用

    一:二者的对比 1.动画循环就用animation.在animation中有一个animation-iteration-count属性可以定义循环次数.transition是执行一次以后就不会执行,但 ...