引导多项选择

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/