<!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. socket keepalive理解

    java socket编程中有个keepalive选项,看到这个选项经常会误解为长连接,不设置则为短连接,实则不然. socket连接建立之后,只要双方均未主动关闭连接,那这个连接就是会一直保持的,就 ...

  2. python 全栈开发笔记 3

    正则表达式 正则表达式(RE)是一种小型的,高度专业化的,它镶嵌在python中,并通过re模块实现,正则表达式编译成一系列的字节码,然后由用c编写的匹配引擎执行. #正则表达式 import re ...

  3. firefox 屏蔽Backspace按键的后退功能

    直接上图

  4. Spring源码学习（7）——AOP

    我们知道,使用面对对象编程的时候有一些弊端,当需要为多个不具有继承关系的对象引入同一个公共行为时,例如日志.安全检测等,所以就有了一个对面对对象编程的补充,即面对切面编程(AOP),AOP所关注的方向 ...

  5. 使用RevoUninstaller Pro卸载

    使用RevoUninstaller Pro卸载opera浏览器,操作过的注册表 HKEY_CURRENT_USER\SOFTWARE\CLASSES\Local Settings\Mircrosoft ...

  6. python笔记2——关于列表的使用

      一.列表的一些基本用法 names=["XiaoNaiyou", "XiaoNan", "WeiZhen", "WuCheng ...

  7. Centos7_64环境搭建

    smb搭建参考 https://www.cnblogs.com/areyouready/p/10369917.html activeMq搭建参考 https://blog.csdn.net/u0122 ...

  8. 如何快速判断一个key是否存在在亿级数据中(bloomFilters)

    面试题 现在有一个非常庞大的数据(亿级),假设全是 int 类型.现在我给你一个数,你需要告诉我它是否存在其中(尽量高效) 分析 采用bloomFilters进行实现(时间&空间尽可能的有效) ...

  9. sql业务分割

    create Function StrToTable(@str varchar(1000)) Returns @tableName Table ( str2table varchar(50) ) As ...

  10. 页面商城总结（一）——HTML部分

    学习编程,与君共勉. 在做过一些页面并且参考了许多商城页面后,对代码的书写和风格也有所体会,再次将我的经验分享给大家,希望大家也能够写出整洁有效的代码.本文主要是针对排版的问题进行总结,代码量较少,希 ...