Question

我想显示数据多选复选框并在模态引导程序中显示数据库中的数据？

指数（PHP）

Javascript代码

<script type="text/javascript">
$(document).ready(function()
{
    $("#btnDetail").click(function()
    {
        $('#modalForm').modal('show').on('shown.bs.modal',function()
        {
            var data = $("#data").val();
            $.post('page/user/detail_user.php',
            {
                id_data:$(this).attr(data)
            },
            function()
            {
                $('.modal-body').html(data);
            });
        });     
    });
});
</script>

数据用户

<table width="100%" border="1">
    <tbody>
        <tr>
          <td width="3%" align="center">&nbsp;</td>
          <td width="97%" align="center">NAME</td>
        </tr>
        <?php
        $qry = mysql_query("SELECT * FROM t_users");
        while($data = mysql_fetch_array($qry))
        {
        ?>
            <tr>
              <td align="center"><input type="checkbox" name="data[]" id="data[]" value='<?php echo $data['id']?>'></td>
              <td><?php echo $data['name']?></td>
            </tr>
        <?php
        }
        ?>
    </tbody>
</table>
<button id='btnDetail' name='btnDetail'>Detail User</button>

模态

<div class="modal fade" id="modalForm" name='modalForm' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title blue" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

详情用户（PHP）

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

$qry = mysql_query("SELECT * FROM t_users WHERE id='$id'");
while($data = mysql_fetch_array($qry))
{
?>
<table width="100%" border="1">
  <tbody>
    <tr>
        <th colspan='3'>
            Detail Data Users
        </th>
    </tr>
    <tr>
      <td>ID</td>
      <td>NAME</td>
      <td>STATUS</td>
    </tr>
    <tr>
      <td><?php echo $data['id']?></td>
      <td><?php echo $data['name']?></td>
      <td><?php echo $data['status']?></td>
    </tr>
  </tbody>
</table>

<?php
}
?>

场景：
当按钮详细用户点击运行Jquery和值复选框然后发送到模态引导程序，然后从jquery运行代码php发布，以显示模态引导程序中数据库的结果数据。

Answer 1

以下是解决问题的提示：

HTML中的ID应该是唯一的。（不是所有复选框的id“data []”）
this是上下文的。因此，当你在引导函数中使用this时，它可能（我必须确保）并不意味着以前的jQuery函数。
您应该管理检索所有复选框的值。
PHP代码应该使用IN运算符代替ID。

如何获取数据多复选框jquery show modal bootstrap

1 个答案: