我正在使用 PHP
处理数据表。
我在第一列有一个表格,有一个复选框,上面写着全选
,并且每一行都有一个复选框。
当用户单击全选复选框时,只有那些可见行的复选框值才会被获取并在单击提交后显示在 php 中。
问题是,当我从第 2 页选择一个复选框时,说我已经检查过澳大利亚,ID 为 13 我转到第 3 页,什么也不选择。然后点击提交,我没有得到带有澳大利亚的 $_POST
字段名称。
但是当检查澳大利亚并单击“提交”而不更改页面时,它会为我获取其 $_POST
详细信息。
我想知道当我从不同页面选择多个复选框时,他们将复选框数据获取到 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/