<!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. Spring Cloud分布式微服务云架构

    分布式.微服务.云架构 JAVA语言开发.跨平台.高性能.高可用.安全.服务化.模块化.組件化.驱动式开发模式 commonservice eurekaNetflix 云端服务发现,一个基于 REST ...

  2. linux安装mysql（shell一键安装）

    1. 相关文件(install_mysql.sh.my.cnf.mysqld相关内容在文中最后面) 2. 将上面的文件上传到linux服务器某一目录下 3.给install_mysql.sh赋执行权限 ...

  3. 常见的操作系统及linux发展史

    目前我们常见的操作系统有: 1> 桌面操作系统 Windows 系列 用户群体大 macOS 适合于开发人员 Linux 应用软件少 2> 服务器操作系统 Linux 安全.稳定.免费 占 ...

  4. Oracle数据库各种名字的区别

    数据库名(DB_NAME).数据库实例名(INSTANCE_NAME).操作系统环境变量(ORACLE_SID).数据库服务名(SERVICE_NAME).数据库域名(DB_DOMAIN)以及全局数据 ...

  5. pytorch预训练

    Pytorch预训练模型以及修改 pytorch中自带几种常用的深度学习网络预训练模型,torchvision.models包中包含alexnet.densenet.inception.resnet. ...

  6. Beta冲刺 3

    前言 队名:拖鞋旅游队 组长博客:https://www.cnblogs.com/Sulumer/p/10116813.html 作业博客:https://edu.cnblogs.com/campus ...

  7. mysql 的存储过程_多字段

    mysql 的存储过程 一.准备工作 新建一个表 /*Navicat MySQL Data Transfer Source Server : localhost_3306Source Server V ...

  8. Displaylink安卓驱动

    Displaylink安卓驱动 2019年最新版V2.3.1

  9. 微信小程序(mpvue)—解决视频播放bug的一种方式

    // 第一页 <div @click="play(video.src, video.width, video.height)"></div> methods ...

  10. Python成长之路【第四篇】模块儿

    模块儿&包(* * * * *) 模块儿(modue)的概念 在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护. 为了编写可维护的代码,我们把很多 ...