目录
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body>
<style>
* {
margin: 0px auto;
padding: 0px;
}
</style>
<div style="width: 50%;">
<form action="index.php" method="get">
<p>
<input type="text" name="houseName" placeholder="请输入酒店名称" class="form-control">
</p>
<p>
<input type="text" name="nums" placeholder="请输入楼层数" class="form-control">
</p>
<p>
<input type="text" name="count" placeholder="请输入每层房间数量(10以内)" class="form-control">
</p>
<p>
<input type="submit" value="创建酒店" class="btn btn-block btn-primary">
</p>
</form>
</div>
</body>
</html>
<?php
#酒店名称
$houseName=$_GET["houseName"];
#酒店层数
$nums=$_GET["nums"];
#酒店每层数量
$count=$_GET["count"];
$arr=array();
for ($i=0; $i < $nums; $i++) {
for ($j=0; $j < $count; $j++) {
$arr[$i][$j]=($i+1)."层".($j+1)."室";
}
}
echo "<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>";
echo "<h1 align='center'>".$houseName."</h1>";
echo "<table class='table table-hover table-bordered'>";
$i=0;
foreach ($arr as $value) {
$i++;
$j=0;
echo "<tr align='center'>";
foreach ($value as $val) {
$j++;
echo "<td><button class='btn btn-primary' id='b_".$i."_".$j."' onclick='updateIt(".$i.",".$j.")'>".$val."</button></td>";
}
echo "</tr>";
}
echo "</table>";
?>
<script>
function updateIt(o,p){
if(!confirm('是否入住?')){
return;
}
var but=document.getElementById("b_"+o+"_"+p);
if(but.innerHTML=="已入住"){
but.innerHTML=o+"层"+p+"室";
}else{
but.innerHTML="已入住";
}
}
</script>
还原:
完结。