php - 在数据表 php 中获取复选框字段时出现问题

标签 php jquery datatable datatables datatables-1.10

我正在使用 PHP 处理数据表。

我在第一列有一个表格,有一个复选框,上面写着全选,并且每一行都有一个复选框。 datatable image

当用户单击全选复选框时,只有那些可见行的复选框值才会被获取并在单击提交后显示在 php 中。

PHP output when clicked on select all

问题是,当我从第 2 页选择一个复选框时,说我已经检查过澳大利亚,ID 为 13 Clicked on Australia 我转到第 3 页,什么也不选择。然后点击提交,我没有得到带有澳大利亚的 $_POST 字段名称。 PHP out put when row checked box is selected and move to next page

但是当检查澳大利亚并单击“提交”而不更改页面时,它会为我获取其 $_POST 详细信息。 Clicked on Australia and then submit

我想知道当我从不同页面选择多个复选框时,他们将复选框数据获取到 php 的方法。

我正在使用最新的数据表 js 文件。

图像用于让开发人员理解。

下面是我的 HTML 代码

查看.php

<

?php
require 'conn.php';

$sql = "SELECT * FROM tbl_country";
$result = $conn->query($sql);

$country_array = array();

if ($result->num_rows > 0) {
    // output data of each row
    while ($row = $result->fetch_assoc()) {
        $country_array[] = $row;
    }
} else {
    echo "0 results";
}
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bootstrap Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

        <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
    </head>
    <body>
        <br>
        <br>

        <div class="container">
            <form action="process.php" method="post">
                <input type="submit" name="submit" value="submit">
                <table class="table table-bordered" id="example" >
                    <thead>
                        <tr>
                            <th>
                                <label for="select_all">
                                    <input type="checkbox" id="select_all" onclick="selectAll()" name="select_all" value="1" > Select All
                                </label>
                            </th>
                            <th>id</th>
                            <th>name</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                        foreach ($country_array as $value) {
                            ?>
                            <tr>
                                <td>
                                    <label for="select_one_<?php echo $value['country_id']; ?>">
                                        <input type="checkbox" class="common_class" id="select_one_<?php echo $value['country_id']; ?>" name="select_one_<?php echo $value['country_id']; ?>" value="select_one_<?php echo $value['country_id']; ?>">
                                    </label>
                                </td>
                                <td><?php echo $value['country_id']; ?></td>
                                <td><?php echo $value['country_name']; ?></td>
                            </tr>
                            <?php
                        }
                        ?>
                    </tbody>
                </table>
            </form>
        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js">
        </script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js">
        </script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js">
        </script>

        <script>
            $(document).ready(function () {
                $('#example').DataTable({
                    "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
                });
            });

            function selectAll() {
                var is_checked = document.getElementById('select_all').checked;

                if (is_checked) {
                    $('.common_class').prop('checked', true);
                } else {
                    $('.common_class').prop('checked', false);
                }

                console.log(is_checked);
            }
        </script>
    </body>
</html>

PHP 文件 process.php 代码

    <?php
    echo '<pre>';
    print_r($_POST);
?>

php 文件 conn.php

    <?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "tempco_cms";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

提前致谢

最佳答案

使用serializeArray和ajax提交所有复选框(选中/未选中)

var frmData = $("#my_form").serializeArray(); //my_form the id of your form
$(".common_class").each(function(){
 frmData.push({name: "country_selection[]", value: $(this).val()}); 
});

$.ajax({
 url: "your_action_url",
 type: 'POST',
 data: frmData,
 cache: false,
 success: function(result) {  
 },
 error: function(result) {
  }
 }); 

这将发布您的所有表单字段和一个名为country_selection[]的新对象数组

在你的 php 中你现在可以使用它进行迭代

$checkbox = $_POST['common_selection'];
for($i=0;$i<count($checkbox);$i++){
echo $checkbox[$i];
}

关于php - 在数据表 php 中获取复选框字段时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49509672/

相关文章:

php - MySQL-PHP在html表格中单独显示数据

php mysql特殊字符

javascript - 如何检查函数是否有参数

c# - MVC C# - 带条件的数据行中的数据表

php - 数据表插件中的服务器端自定义

php - Eloquent(无 Laravel)缓存实现

javascript - TinyMCE 和 wiris 插件 - 保存并加载后,方程不显示(显示丢失的图像)

javascript - 轻量级 JS 库与 Google 托管的 CDN

jquery - 滑动 div 内容

angular - 数据表:绑定(bind)列宽