php - 引导多项选择

Question

我试图为 PHP 引导一个多选择复选框。我有以下代码：

<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="input-group">
<span class="input-group-addon">
<form action="catcheck.php" method="post">
    <input type="checkbox" name="check_list[]" value="value 1">
    <input type="submit" />
</form>
</span>
</div>
</div>
</div>
</div>

但是我只是得到一个普通的复选框，我该如何在使用引导 css 的同时将其更改为提交给 catcheck.php？

Answer 1

以下代码将起作用（希望这是您所需要的）：

<div class="container">
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">
                    <form action="catcheck.php" method="post" role="form">
                        <label>
                            <input type="checkbox" name="check_list[]" value="value 1" /> Value 1
                        </label>
                        <label>
                            <input type="checkbox" name="check_list[]" value="value 2" /> Value 2
                        </label>
                        <label>
                            <input type="checkbox" name="check_list[]" value="value 3" /> Value 3
                        </label>
                        <label>
                            <input type="checkbox" name="check_list[]" value="value 4" /> Value 4
                        </label>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form>
                </span>
            </div>
        </div>
    </div>
</div>

在 catcheck.php

您可以检索$_POST['check_list']将返回的数据array。你可以从：

echo "<pre>";
print_r($_POST);
echo "</pre>";

编辑：

下面的代码将按照您的要求执行（带有文档参考）

<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" name="check_list[]" value="value 1" />
            </span>
            <input type="text" name="text_value[]" class="form-control" />
        </div>
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" name="check_list[]" value="value 2" />
            </span>
            <input type="text" name="text_value[]" class="form-control" />
        </div>
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" name="check_list[]" value="value 3" />
            </span>
            <input type="text" name="text_value[]" class="form-control" />
        </div>
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" name="check_list[]" value="value 4" />
            </span>
            <input type="text" name="text_value[]" class="form-control" />
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </div>
</div>

对于对齐，请考虑以下 CSS：

.input-group
{
    margin-bottom:10px;
}

您可以通过减小col-lg-6到col-lg-4等来调整输入区域的大小。

小提琴演示：http: //jsfiddle.net/27LnT/