<!DOCTYPE html><html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="
https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><link rel="stylesheet" href="
http://www.bootcss.com/p/buttons/css/buttons.css"></head><style>.odiv{margin-left: 10px;}.hang{margin-top: 10px;margin-bottom: 10px;}</style>
<body class="container"><div class="input-group" style="margin-top:50px"><span class="input-group-addon">考试人数</span><input id="inp1" type="number" class="form-control" placeholder="例如45"></div><br><div class="input-group"><span class="input-group-addon">每排人数</span><input id="inp2" type="number" class="form-control" placeholder="例如5"></div><br><button id="btn" class="btn">排座位</button><div id="obody"></div><script>var inp1 = document.getElementById("inp1");var inp2 = document.getElementById("inp2");var oBody = document.getElementById("obody");var btn = document.getElementById("btn");var zuowei = '';function pzw(a, b) {if (a % b == 0) {var sum = 1;for (var i = 1; i <= (a / b); i++) {zuowei += "<p class='hang'>";for (var j = 1; j <= b; j++) {zuowei += "<button class='button button-primary button-box button-giant button-longshadow-right odiv'>" + (sum++) + "</button>";}zuowei += "</p>";}oBody.innerHTML = zuowei;} else {var sum = 1;for (var i = 1; i <= (a / b); i++) {zuowei += "<p class='hang'>";for (var j = 1; j <= b; j++) {zuowei += "<button class='button button-primary button-box button-giant button-longshadow-right odiv'>" + (sum++) + "</button>";}zuowei += "</p>";};zuowei += "<p class='hang'>";for (var j = 1; j <= (a % b); j++) {zuowei += "<button class='button button-caution button-box button-raised button-giant button-longshadow odiv'>" + (sum++) + "</button>";}zuowei += "</p>";oBody.innerHTML = zuowei;}}btn.onclick = function () {oBody.innerHTML = "1";pzw(inp1.value, inp2.value);
}</script></body>
</html>