使用 Ajax 将复选框存储在数据库中

Question

更新：代码正在运行。我的 php 文件中有一个错误命名的表。

在我寻求帮助的过程中，我从一些 sn-ps 中找到了以下内容，但是我无法让它工作。我想要完成的是单击一个复选框，它会自动在我的数据库中填充一行，我可以在任何其他页面上引用该行。现在，当我单击复选框时，什么也没有发生。

HTML

<td><input type="checkbox" name="<?php echo $brow['WorkOrder']; ?>"  value="<?php echo $brow['WorkOrder']; ?>"></td>

阿贾克斯

     <!-- Checkbox storage -->
     <script>
     $(document).ready(function(){
        $("input[type='checkbox']").on('click', function(){
        var checked = $(this).attr('checked');
        if(checked){
            var value = $(this).val();
            $.post('functions/checkBox.php', { value:value }, function(data){
                // data = 0 - means that there was an error
                // data = 1 - means that everything is ok
                if(data == 1){
                    // Do something or do nothing :-)
                    alert('Data was saved in db!');
                }
            });
        }
        });
    });
    </script>

函数/checkBox.php

<?php
if ($_POST && isset($_POST['value'])) {

    // db connection
    include("../../db.php");

    // sanitize the value
    $value = mysql_real_escape_string($_POST['value']);

    // start the query
    $sql = "INSERT INTO TemporaryCheckBoxID (WorkOrder) VALUES ('$value')";

    // check if the query was executed
    if(mysql_query($sql)){
       // everything is Ok, the data was inserted
       print(1);    
    } else {
       // error happened
       print(0);
    }
}
?>

Answer 1

检查复选框是否被选中，如下所示并尝试

<script>
     $(document).ready(function(){
        $("input[type='checkbox']").on('click', function(){
        var checked = $(this).is(":checked");
        if(checked){
            var value = $(this).val();
            $.post('functions/checkBox.php', { value:value }, function(data){
                // data = 0 - means that there was an error
                // data = 1 - means that everything is ok
                if(data == 1){
                    // Do something or do nothing :-)
                    alert('Data was saved in db!');
                }
            });
        }
        });
    });