创建一个带有点击事件的数组

Question

所以我有一组使用以下代码动态创建的复选框：

<?php foreach($candies as $candy): ?>

     <a style="cursor:pointer;" class="candy list-group-item" data-id="<?php echo $candy['candy_id']; ?>" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="<img src='<?php echo $candy['candy_img']; ?>'>"><?php echo $candy['candy_name']; ?></a>

     <input type="checkbox" id="<?php echo $candy['candy_id']; ?>" name="<?php echo $candy['candy_name']; ?>" style="display:none;" />

<?php endforeach; ?>

这会产生以下（缩短的）代码：

<ul class="list-group">
    <a style="cursor:pointer;" class="candy list-group-item" data-id="1" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="&lt;img src='http://www.groovycandies.com/pc/catalog/8992_General.jpg'&gt;" data-original-title="" title="">Raspberry Gummi Bears</a>

    <input type="checkbox" id="1" name="Raspberry Gummi Bears" style="display:none;">


    <a style="cursor:pointer;" class="candy list-group-item" data-id="2" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="&lt;img src='http://www.groovycandies.com/pc/catalog/candy-runts-5.jpg'&gt;" data-original-title="" title="">Runts</a>

    <input type="checkbox" id="2" name="Runts" style="display:none;">

    ...
</ul>

然后我有javascript，当点击上面的<a> 时，正确的checkbox 被选中或未选中。

<script type="text/javascript">

    $(".candy").click(function(){

        var id = $(this).data('id');

        var checkbox = $("#"+id).prop("checked");

        if ( checkbox != true) {

            $("#"+id).prop("checked", true);

            $(this).attr("class","candy list-group-item active");
        }
        else
        {
            $("#"+id).prop("checked", false);

            $(this).attr("class","candy list-group-item");
        }

    });

    </script>

现在我要提交表单了……但在此之前，我还想做一件事。我无法弄清楚。

我想在 php 中创建一个数组，我的理解是：<?php $candies = array(); ?>，这将创建一个空白数组。现在检查复选框时，我想将复选框的名称添加到数组。或者当复选框未选中时，它会从阵列中删除。我希望在提交表单之前发生这种情况。我怎样才能做到这一点？

Answer 1

这可以在没有链接的情况下完成，而 javascript，你可以只用这样的标签来完成：

通过注意输入name 属性，使复选框成为一个数组。额外的[] 向服务器发送一个数组。

<p><label><input type="checkbox" name="candies[]" value="Raspberry Gummi Bears" /> Raspberry Gummi Bears</label></p>
<p><label><input type="checkbox" name="candies[]" value="Runts" /> Runts</label></p>

然后在 PHP 端：

<?php
$candies = $_POST["candies"];
print_r($candies);