表单复选框，post 提交二维数组_通过POST将多维数组从表单提交到PHP_御世制人的技术博客_

相关文章推荐

玩足球的篮球 · 運用遊戲化機器人英語共讀活動優化國高中生性別 ...· 3 月前 ·

焦虑的书签 · Echo Dot 4th ...· 5 月前 ·

聪明伶俐的冰棍 · 中国继续医学教育网· 6 月前 ·

腼腆的炒粉 · 水树夏夜- 萌娘百科万物皆可萌的百科全书· 11 月前 ·

活泼的椰子 · 美国弗林特水危机，“天灾”还是“人祸”？-新华网· 1 年前 ·

痴情的斑马 · 意外怀孕_百度百科· 1 年前 ·

<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="width: 109px;">
<input type="text" value="09:00" class="form-control sleepStart" ></input>
</div>
<div class="col-sm-4" style="width: 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