本文将介绍如何在提交包含复选框的表格后，隐藏之前选中的行，而无需从数据库中删除这些数据。核心思路是在数据库中添加一个布尔类型的字段，用于标记行是否已被选中并提交。通过PHP和JavaScript的配合，实现表格数据的动态显示与隐藏。
1. 数据库结构调整
首先，需要在你的数据表（例如，示例中的 ff 表）中添加一个布尔类型的字段，用于标识该行是否已被选中并提交。 假设我们添加的字段名为 checkbox，其默认值为 0 (表示未选中)。
ALTER TABLE ff ADD COLUMN checkbox BOOLEAN DEFAULT 0;
2. 修改表格显示逻辑 (PHP)
在生成表格的 PHP 代码中，添加一个条件判断，只显示 checkbox 字段值为 0 的行。
| <input type="checkbox" value="" name="chk[]"> | <input type="hidden" name="Inum[]" value=""> | <input type="hidden" name="Sname[]" value=""> | <input type="hidden" name="Cname[]" value=""> | <input type="hidden" name="amount[]" value=""> | <input type="hidden" name="iban[]" value=""> | <input type="hidden" name="bic[]" value=""> |
3. 更新数据库状态 (PHP)
在 companies.php 文件中，当处理提交的表单数据并生成 XML 文件后，更新数据库中对应行的 checkbox 字段值为 1。 这里假设你通过 Invoice_number 来唯一标识每一行。
立即学习“PHP免费学习笔记（深入）”；
if ($_POST['submit']){ // XML 文件创建过程... // 更新数据库 $invoice_number = $_POST['Inum'][$ff['ID']]; // 获取对应的 Invoice_number。 需要根据你的实际数据结构调整。 $query = "UPDATE ff SET checkbox = 1 WHERE Invoice_number = '{$invoice_number}'"; $result = mysqli_query($connection, $query); if($result && mysqli_affected_rows($connection) >= 0){ $xml->formatOutput = true; $xml->save('../includes/xml/'.$filename) or die('XML Create Error') ; redirect_to("manage_content.php"); }}
注意：
$invoice_number 的获取方式需要根据你的实际 POST 数据进行调整。 示例中假设 $_POST[‘Inum’][$ff[‘ID’]] 包含了正确的发票号码。确保 $connection 变量已正确初始化并连接到数据库。redirect_to(“manage_content.php”); 需要根据你的实际跳转页面进行调整。
4. JavaScript 代码 (可选优化)
虽然主要逻辑在 PHP 端实现，但 JavaScript 代码可以用来优化用户体验。 例如，可以在提交表单前，禁用已选中的行，防止用户重复提交。
function checkform(){ // 获取所有选中的复选框 var checkboxes = document.querySelectorAll('input[name="chk[]"]:checked'); // 禁用选中的行 (可选) checkboxes.forEach(function(checkbox) { var row = checkbox.parentNode.parentNode; // 获取复选框所在的行 row.style.display = 'none'; // 隐藏该行，提供即时反馈 }); if (send == 1){ console.log(send); //document.form[0].submit(); // 移除这行，让默认的 submit 行为发生 return true; // 确保表单可以提交 } else { return false; } }
重要提示:
row.style.display = ‘none’; 这行代码只是在客户端隐藏行，实际的数据更新仍然依赖于 PHP 代码。修改 checkform 函数，使其返回 true。 这样才能确保表单可以正常提交。
5. 总结与注意事项
数据一致性： 确保在更新数据库 checkbox 字段时，使用了正确的 Invoice_number 或其他唯一标识符。 这是避免数据错误的关键。错误处理： 在 PHP 代码中添加适当的错误处理机制，例如，当数据库更新失败时，记录错误日志或向用户显示错误信息。安全性： 对用户提交的数据进行严格的验证和过滤，防止 SQL 注入等安全漏洞。用户体验： 可以考虑使用 AJAX 技术，在不刷新整个页面的情况下更新数据库和隐藏已选中的行，提供更流畅的用户体验。
通过以上步骤，你就可以实现在提交表格后，隐藏已选中的行，而无需删除数据库中的数据。 这种方法既保留了历史数据，又方便用户查看和管理未处理的条目。
以上就是如何在提交后隐藏已选中的表格行（PHP & JavaScript）的详细内容，更多请关注php中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1322679.html
微信扫一扫 
支付宝扫一扫 
