如何从数据库中提取数据并重新检查最初检查并提交的复选框？

Question

我使用下面的代码将复选框值输入到数据库中。当用户想稍后查看复选框时，如何将数据从数据库中拉出并重新选中最初选中并提交的复选框？

从下面的代码中输入数据如下：DATA1|DATA2|DATA3|

var checkbox_value = "";
    $(":checkbox").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
            checkbox_value += $(this).val() + "|";
        }
    });

现在我如何获取 DATA1|DATA2|DATA3|并重新勾选相应的复选框？

这是我如何从普通输入文本框中获取其他数据并重新显示它：

$.ajax({
  url: 'ajax/example/example.php',
  data: "findval="+carrier+"&column="+column,
  dataType: 'json',                
  success: function(data)         
  {

    var auto_id = data['id'];
    var auto_name = data['name'];
    var auto_address = data['address'];
    var auto_trailer_types = data['trailer_types'];

$('#output_autocomplete_forms').html("<form id='example' class='form-horizontal'><input type='hidden' name='auto_id' id='auto_id' class='form-control' value="+auto_id+">......<div class='form-group'>
<div class='checkbox'><label><input type='checkbox' name='trailer_kinds[]' value='DATA1'>DATA1</label></div>
<div class='checkbox'><label><input type='checkbox' name='trailer_kinds[]' value='DATA2'>DATA2</label></div>
<div class='checkbox'><label><input type='checkbox' name='trailer_kinds[]' value='DATA3'>DATA3</label></div> 

var auto_trailer_types = data['trailer_types'];

现在我该如何获取 DATA1|DATA2|DATA3|并重新勾选相应的复选框？

Answer 1

所以，我猜测存储在数据库中的字符串类似于0|0|1|0，您需要将复选框恢复到该状态。

如前所述，您可以为此使用 AJAX。首先，您需要一个触发器来启动 AJAX 例程——通常是单击按钮：

<button id="mybutt">Update Checkboxes</button>

您的 AJAX 例程将如下所示：

var rowID = $(this).closest('tr').attr('id');
alert(rowID); //this datum must allow you to identify the row in the database
$.ajax({
    type: 'post',
     url: 'another_php_file.php',
    data: 'id=' +rowID,
    success: function(recd){
        var arrCB = recd.split('|');
        for (var n=0; n<arrCB.length; n++){
            var z = n+1;
            $('#cb'+ z).val( arrCB[n] );
        }
    }
});

另一个_php_file.php：

<?php
    $id = $_POST['id'];

    $pseudo_query = "SELECT `field_name` FROM `table_name` WHERE `id` = '$id' ";

    echo $pseudo_query_result;

您回显的pseudo_query_result 应该是您原来的0|0|1|0。 PHP echo 将该数据发送回 jQuery AJAX 例程的 success 函数。 重要提示：接收到的数据在该成功函数之外不可用。如上例所示，您必须在成功函数中使用该数据做您想做的事情。

在上面的代码中，.split() 用于将0|0|1|0 字符串转换为数组，然后我们使用 for 循环（甚至只是手动编写每个复选框更新的代码）。

Answer 2

使用 ajax 来解决这个问题。但在尝试在JSON 中编码您的php 查询响应之前

$.ajax({
url: "test.php" //Your request URI
 }).done(function(data) { 
   //data (you can name it whatever you want) is the data that you get from your request.
   //eg. if(data.checkbock){ //do something }
 });

更多信息here