<form action="process.php" method="post">
...
check which options this product will be available in:
SIZES:
<input type="checkbox" name="options[sizes][]" value="small" />small
<input type="checkbox" name="options[sizes][]" value="medium" />medium
<input type="checkbox" name="options[sizes][]" value="medium" />large
COLORS:
<input type="checkbox" name="options[colors][]" value="red" />red
<input type="checkbox" name="options[colors][]" value="blue" />blue
<input type="checkbox" name="options[colors][]" value="green" />green
<input type="checkbox" name="options[colors][]" value="orange" />orange
TYPES
<input type="checkbox" name="options[types][]" value="floppy" />floppy
<input type="checkbox" name="options[types][]" value="compact" />compact
<input type="checkbox" name="options[types][]" value="hard" />hard
<input type="checkbox" name="options[types][]" value="digital" />digital
<input type="checkbox" name="options[types][]" value="analog" />analog
...
</form>
Array
(
...
[options] => Array
(
[sizes] => Array
(
[0] => small
[1] => large
)
[colors] => Array
(
[0] => red
[1] => green
)
[types] => Array
(
[0] => floppy
[1] => analog
[2] => digital
)
)
...
)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.form-group{
height: 26px;
}
.control-label{
margin-top:8px;
}
#fat-btn{
margin-left: 12px;
}
</style>
</head>
<body>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<label class="col-sm-1 control-label">检测时间</label>
<div class="col-sm-4" style=" 109px;">
<input type="text" value="09:00" class="form-control sleepStart" ></input>
</div>
<div class="col-sm-4" style=" 109px;">
<input type="text" value="17:30" class="form-control sleepStop" ></input>
</div>
</div>
</div>
</div>
<div id="time"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<button id="fat-btn" class="btn btn-primary" type="button">添加
</button>
</div>
</div>
</div>
</body>
<script>
$(function() {
$("#fat-btn").click(function() {
if($('.sleepStart').length > 2) {
return alert('超过三个了')
} else {
var htm = "";
htm += "<div class='row'>";
htm += "<div class='col-md-12 col-sm-12 col-xs-12'>";
htm += "<div class='form-group'>";
htm += "<label class='col-sm-1 control-label'>检测时间</label>";
htm +=