如何将复选框数组中的数据保存到数据库中

Question

 function check_uncheck(truefalse) { var boxes = document.forms[0].chkboxarray.length; var form = document.getElementById('checkForm'); for (var i = 0; i < boxes; i++) { if (truefalse) { form.chkboxarray[i].checked = true; } else { form.chkboxarray[i].checked = false; } } } 

 <form name="checkForm" id="checkForm" method="post" action="checkboxes1.php"> <input type="checkbox" name="chkboxarray" value="1" /><br /> <input type="checkbox" name="chkboxarray" value="2" /><br /> <input type="button" name="CheckAll" value="Check All Boxes" onclick="check_uncheck(true)" /> <input type="button" name="UncheckAll" value="Uncheck All Boxes" onclick="check_uncheck(false)" /> <input type="submit" value="Save"> </form> The snippet shows how it works without connection to a database 

我试图保存从清单发送到数据库的数据，但是我被卡住了。 我当时在考虑使用foreach，但是我不知道该放什么。

我虽然把它作为：

foreach($_POST['id'] as $add){
insert into database...
}

我该怎么做呢？

如果按照Fred-ii和xjstratedgebx的建议进行操作，那么我只是将name="chkboxarray" to name="chkboxarray[]"更改name="chkboxarray" to name="chkboxarray[]"那么javascript代码将停止工作。

<?php
include '../conec.php';
mysql_select_db("test",$conec)or die('Database does not exist.') or die(mysql_error());

$sql = mysql_query("SELECT * FROM user WHERE state='Not Signed Up'");
?>

<form name="checkForm" id="checkForm" method="post" action="checkboxes1.php">
    <?php
    while($row = mysql_fetch_array($sql)){
        $id = $row['id'];
        $name = $row['name'];
        $lName= $row['lName'];
        $concate = $name.' '.$lName;
        echo '<input type="checkbox" name="chkboxarray" value="'.$id.'" />'.$concate.'<br />';
    }


    ?>
    <!--<input type="checkbox" name="chkboxarray" value="1" /><br />
    <input type="checkbox" name="chkboxarray" value="2" /><br />-->
    <input type="button" name="CheckAll" value="Check All Boxes" onclick="check_uncheck(true)" />
    <input type="button" name="UncheckAll" value="Uncheck All Boxes" onclick="check_uncheck(false)" />
    <input type="submit" value="Save">

</form>

<script type="application/javascript">
function check_uncheck(truefalse){
    var boxes = document.forms[0].chkboxarray.length;
    var form = document.getElementById('checkForm');
    for(var i=0;i < boxes;i++){
        if (truefalse) {
            form.chkboxarray[i].checked=true;
        } else {
            form.chkboxarray[i].checked=false;
        }
    }
}
</script>

Answer 1

如果将复选框的名称从“ chkboxarray”更改为“ chkboxarray []”，则在提交表单时选中的所有框都将其值作为数组传递给“ chkboxarray”键下的服务器。

基本上，更改此行：

echo '<input type="checkbox" name="chkboxarray" value="'.$id.'" />'.$concate.'<br />';

至：

echo '<input type="checkbox" name="chkboxarray[]" value="'.$id.'" />'.$concate.'<br />';

结果，如果您使用var_dump $_POST超全局变量，则应该看到类似以下内容：

array(1) {
    [chkboxarray]=>
    array(2) {
        [0]=>
        string(1) "3"
        [1]=>
        string(1) "4"
    }
}

在上面的示例中，选中了ID为3和4的复选框，因此将其发送到服务器。

有了该数组后，将其插入数据库将在很大程度上取决于您要完成的工作以及数据库的架构。

希望能有所帮助。

同样，公平地说，这正是@Fred在他的评论中的意思。

编辑1

为了使javascript能够使用输入名称的更改，您需要将javascript中将输入名称引用到的所有位置更新为新名称（chkboxarray []）。

产生的代码应如下所示：

<script type="application/javascript">
    function check_uncheck(truefalse) {
        var boxes = document.forms[0]["chkboxarray[]"].length;
        var form = document.getElementById('checkForm');
        for (var i = 0; i < boxes; i++) {
            if (truefalse) {
                form["chkboxarray[]"][i].checked = true;
            } else {
                form["chkboxarray[]"][i].checked = false;
            }
        }
    }
</script>

我创建了一个小提琴以显示此作品可用于选中/取消选中所有框： https : //jsfiddle.net/solvomedia/3Ln468u3/