原创投稿
  1. 创想鸟首页
  2. 用户投稿

提交后隐藏已选行：PHP和JavaScript实现方案

程序猿 • • 用户投稿

提交后隐藏已选行：php和javascript实现方案

本文旨在提供一种解决方案，实现在提交包含复选框的表格后，不再显示之前选中的行。核心思路是在数据库中添加一个布尔类型的字段，用于标记已提交的行，并在页面加载时根据该字段的值来决定是否显示该行。该方案不删除数据，仅控制显示。

方案概述

该方案的核心在于：

数据库改造： 在存储表格数据的数据库表中，添加一个布尔类型的字段（例如 checkbox），用于标记该行是否已被选中并提交。初始值设置为 NULL 或 0。提交处理： 在处理表单提交的 PHP 脚本中，更新数据库中已提交行的 checkbox 字段值为 1。数据显示： 在生成表格的 PHP 代码中，根据 checkbox 字段的值，决定是否显示该行。

详细步骤

1. 数据库表结构修改

首先，需要在你的数据库表中添加一个 checkbox 字段。假设你的表名为 ff，可以使用以下 SQL 语句添加该字段：

ALTER TABLE ff ADD COLUMN checkbox BOOLEAN DEFAULT 0;

这条语句会在 ff 表中添加一个名为 checkbox 的布尔类型字段，并将其默认值设置为 0。

立即学习“PHP免费学习笔记（深入）”；

2. 修改表单显示逻辑

修改生成表格的 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="">

在上述代码中，添加了一个 if 语句来判断 checkbox 字段的值。只有当 checkbox 的值为 0 时，才会显示该行。

3. 修改提交处理逻辑

修改 companies.php 文件，在处理表单提交时，更新数据库中已提交行的 checkbox 字段值为 1。

if ($_POST['submit']){    #### XML file create    ####..... at the End, when all xml attribute to be created ######    // Iterate through the selected checkboxes    if(isset($_POST['chk']) && is_array($_POST['chk'])) {        foreach($_POST['chk'] as $invoice_number) { // Assuming invoice_number is the unique identifier            $invoice_number = mysqli_real_escape_string($connection, $invoice_number); // Sanitize the input            // Update the checkbox field to 1 for the selected rows            $query = "UPDATE ff SET checkbox = 1 WHERE ID = '{$invoice_number}'"; // Assuming you are using ID as invoice_number            $result = mysqli_query($connection, $query);            if(!$result) {                // Handle the error                echo "Error updating checkbox: " . mysqli_error($connection);            }        }    }    $xml->formatOutput = true;    $xml->save('../includes/xml/'.$filename) or die('XML Create Error') ;    redirect_to("manage_content.php");}

这段代码首先检查 $_POST[‘submit’] 是否存在，然后遍历选中的复选框，并更新数据库中对应行的 checkbox 字段值为 1。 注意： 需要使用 mysqli_real_escape_string 对用户输入进行转义，以防止 SQL 注入攻击。另外，代码中假设 Invoice_number 是唯一的，如果不是，请使用更合适的唯一标识符（例如 ID）。

4. 客户端 JavaScript (可选)

虽然主要逻辑在后端完成，但你也可以选择使用 JavaScript 来增强用户体验。例如，可以在提交后立即隐藏已选中的行，而无需刷新页面。

function sendit(){    send = 1;    console.log(send);    // Get all checked checkboxes    var checkedCheckboxes = document.querySelectorAll('input[name="chk[]"]:checked');    // Hide the rows corresponding to the checked checkboxes    checkedCheckboxes.forEach(function(checkbox) {        // Find the parent row () and hide it        var row = checkbox.closest('tr');        if (row) {            row.style.display = 'none';        }    });}

这段 JavaScript 代码会在 sendit() 函数中，获取所有被选中的复选框，并找到它们所在的行，然后将这些行隐藏起来。 注意： 这种方式只是在客户端隐藏了行，实际上数据仍然存在于数据库中，并且在下次加载页面时，仍然会根据 checkbox 字段的值来决定是否显示。

注意事项

安全性： 务必对用户输入进行转义，以防止 SQL 注入攻击。错误处理： 在执行数据库操作时，添加适当的错误处理机制。唯一标识符： 确保使用正确的唯一标识符来更新数据库中的记录。性能： 如果数据量很大，可以考虑使用索引来优化查询性能。

总结

通过在数据库中添加一个标记字段，并在页面显示和提交处理时根据该字段的值进行判断，可以实现提交后隐藏已选行的功能。这种方法既保留了数据，又可以方便地控制数据的显示，是一种简单而有效的解决方案。记住，安全性始终是第一位的，务必对用户输入进行适当的验证和转义。

以上就是提交后隐藏已选行：PHP和JavaScript实现方案的详细内容，更多请关注php中文网其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1322689.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

413.8K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
MySQL查询优化：子查询性能瓶颈与解决方案
上一篇 2025年12月12日 08:49:06
PHP实现提交后不显示已选行：数据库标记法
下一篇 2025年12月12日 08:49:16

相关推荐

  • 实现PHP多线程的并发测试_通过测试优化php多线程怎么实现的性能 用户投稿

    实现PHP多线程的并发测试_通过测试优化php多线程怎么实现的性能

    PHP虽不原生支持多线程，但可通过pthreads扩展实现真正多线程，适用于ZTS版PHP，适合I/O密集或CPU密集任务；更常用的是curl_multi方式，兼容性好，可高效并发处理HTTP请求，显著提升性能；此外ReactPHP提供异步事件驱动模型，资源占用低，适合高并发非阻塞场景；结合Swoo…

    程序猿的头像 程序猿
    2026年9月24日
    700
  • PHP+MySQL培训课程的费用性价比分析 用户投稿

    PHP+MySQL培训课程的费用性价比分析

    php+mysql培训课程的性价比高，具体体现在：1.课程内容深度和广度，涵盖框架使用和项目经验；2.实用性和就业前景，提供实战项目和就业指导；3.师资力量和教学方式，名师能激发学习热情；4.学习资源和社区支持，提供丰富资料和交流平台。 在考虑报名PHP+MySQL培训课程之前，很多人都会问：这些课…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • Intel OpenCAS缓存加速方案 用户投稿

    Intel OpenCAS缓存加速方案

    open cas 架构概览：数据从hdd盘读取后被复制到open cas的缓存中，后续的读取操作从内存中进行，从而提高读写效率。在write-through模式下，所有数据同步刷新到open cas的ssd和后端的hdd中。在write-back模式下，数据同步写入到open cas的ssd中，然后…

    程序猿的头像 程序猿
    2026年9月24日
    400

  • 使用MySQL命令行客户端进行交互式管理

    使用MySQL命令行客户端进行交互式管理使用MySQL命令行客户端进行交互式管理使用MySQL命令行客户端进行交互式管理使用MySQL命令行客户端进行交互式管理

    mysql命令行客户端的常用命令包括：1. 使用mysql -u 用户名 -p命令连接数据库；2. 执行show databases;查看所有数据库；3. 使用use 数据库名;选择数据库；4. 使用select * from 表名;查询数据；5. 使用insert into 表名 (列1, 列2)…

    程序猿的头像 程序猿
    2026年9月24日 • 用户投稿
    500
  • Java中固定长度用户ID输入验证：解决int类型长度检查问题 用户投稿

    Java中固定长度用户ID输入验证：解决int类型长度检查问题

    本文详细介绍了在Java程序中如何实现用户输入固定长度ID的验证机制。针对常见的int cannot be dereferenced错误，我们将探讨将ID作为字符串读取并进行长度及格式校验的最佳实践，并提供处理字母数字型和纯数字型ID的示例代码，确保数据输入的准确性和程序的健壮性。 引言：用户输入验…

    程序猿的头像 程序猿
    2026年9月24日
    500
  • 数据实时迁移同步工具 CloudCanal v5.2.0.0 发布，支持 SaaS 全托管 用户投稿

    数据实时迁移同步工具 CloudCanal v5.2.0.0 发布，支持 SaaS 全托管

    cloudcanal 免费社区版 是 clougence 公司推出的一款全自研、可视化、自动化数据迁移同步工具，具备 结构迁移、数据迁移、数据同步、数据校验、数据订正 等功能，支持 60+ 款流行关系型数据库、实时数仓、消息中间件、缓存数据库和搜索引擎之间数据互通，其中包含国产数据库 oceanba…

    程序猿的头像 程序猿
    2026年9月24日
    000
  • Laravel 表单验证失败后保留输入值：最佳实践教程 用户投稿

    Laravel 表单验证失败后保留输入值：最佳实践教程

    本文旨在帮助 Laravel 开发者解决表单验证失败后，如何保留用户已输入数据的问题。我们将深入探讨 withInput() 方法的使用，并提供清晰的代码示例，确保即使在验证失败的情况下，用户体验也能保持流畅。通过本文的学习，你将掌握在 Laravel 中优雅地处理表单验证，并提升应用的可用性。 在…

    程序猿的头像 程序猿
    2026年9月24日
    000
  • 怎么在mysql中创建数据库表 mysql建表完整流程解析 用户投稿

    怎么在mysql中创建数据库表 mysql建表完整流程解析

    在 mysql 中创建数据库表的步骤包括：1) 选择合适的数据类型，如 int、varchar、timestamp；2) 设置索引，如主键和唯一索引；3) 应用约束条件，如 not null 和 unique；4) 设计表结构以满足业务需求，如使用 foreign key 和 enum；5) 优化性…

    程序猿的头像 程序猿
    2026年9月24日
    000
  • 生成Java中全范围正Double随机数的正确方法 用户投稿

    生成Java中全范围正Double随机数的正确方法

    本文旨在指导开发者如何在Java中生成覆盖整个正Double范围的随机数，并解释了使用ThreadLocalRandom.nextDouble(Double.MIN_VALUE, Double.MAX_VALUE)可能产生偏差的原因。我们将提供一种基于位操作的替代方案，确保生成的随机数在Double…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • hive安装配置实验 用户投稿

    hive安装配置实验

    一、安装前的准备工作 1. 配置并安装hadoop，请参考链接http://blog.csdn.net/wzy0623/article/details/50681554。 2. 下载以下安装包：mysql-5.7.10-linux-glibc2.5-x86_64.tar.gz、apache-hive…

    程序猿的头像 程序猿
    2026年9月24日
    600
  • 动态表单输入中多答案数据处理教程 用户投稿

    动态表单输入中多答案数据处理教程

    本教程旨在解决Web开发中，如何高效处理包含动态数量答案的表单提交数据，特别是当需要更新现有问题及其关联答案时。文章将详细阐述前端表单的命名策略以及后端PHP如何解析这些动态输入，以准确获取答案内容及其对应的数据库ID，从而实现数据的精准更新，并提供最佳实践建议。 理解动态答案更新的挑战 在构建问答…

    程序猿的头像 程序猿
    2026年9月24日
    000
  • Java Stream API：从嵌套集合中提取唯一值的两种高效方法 用户投稿

    Java Stream API：从嵌套集合中提取唯一值的两种高效方法

    本文详细介绍了如何利用Java Stream API中的flatMap()和mapMulti()操作，高效地从包含嵌套列表的复杂数据结构（如List中包含List）中提取并收集唯一的元素（如城市名称），替代传统的嵌套循环，提升代码的简洁性和可读性。 在java编程中，我们经常会遇到处理复杂数据结构的…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • 命令行下MySQL中文乱码如何设置utf8编码 用户投稿

    命令行下MySQL中文乱码如何设置utf8编码

    mysql命令行中文乱码解决方法是统一各环节字符集为utf8mb4。具体步骤如下：1.查看当前编码设置，确认character_set相关变量是否为utf8或utf8mb4；2.修改配置文件，在[client]和[mysqld]下设置默认字符集为utf8mb4并重启服务；3.修改已有数据库和表的字符…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • 使用 PHP 解析 JSON 文件并在网页上显示特定数据 用户投稿

    使用 PHP 解析 JSON 文件并在网页上显示特定数据

    本文旨在帮助开发者学习如何使用 PHP 解析 JSON 文件，并提取其中的特定数据，将其以结构化的方式展示在网页上。我们将通过一个简单的示例，演示如何读取 JSON 数据，解析成 PHP 数组，并最终以 HTML 表格的形式呈现。 PHP 解析 JSON 数据 JSON (JavaScript Ob…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • 如何在PHP的require语句中传递参数并有效管理变量作用域 用户投稿

    如何在PHP的require语句中传递参数并有效管理变量作用域

    本文探讨了在php中使用`require`或`include`语句时如何向被引入文件传递参数。文章详细阐述了通过直接变量作用域共享、利用`$_get`超全局变量（不推荐）以及将引入文件内容封装为函数或类（推荐最佳实践）这三种方法，并提供了相应的代码示例，旨在帮助开发者理解和选择最适合其场景的参数传递…

    程序猿的头像 程序猿
    2026年9月24日
    000

  • 如何解决MySQL安装时配置不生效的处理方法？

    如何解决MySQL安装时配置不生效的处理方法？如何解决MySQL安装时配置不生效的处理方法？如何解决MySQL安装时配置不生效的处理方法？如何解决MySQL安装时配置不生效的处理方法？

    配置mysql时遇到配置不生效的问题，常见原因包括配置文件路径错误、语法问题、命令行参数覆盖及数据目录权限或初始化问题。1. 配置文件路径是否正确？mysql只会读取特定路径的配置文件，建议使用命令mysql –help | grep “default options&#82…

    程序猿的头像 程序猿
    2026年9月24日 • 用户投稿
    000
  • Laravel Livewire 使用指南：构建交互式论坛的最佳实践 用户投稿

    Laravel Livewire 使用指南：构建交互式论坛的最佳实践

    本文旨在指导开发者如何在现有的 Laravel 项目中集成 Livewire，并以构建论坛为例，探讨 Livewire 组件的最佳使用方式和命名规范。文章将深入分析全页面组件和独立组件的选择，并提供实用的代码示例和建议，帮助开发者在保证项目结构清晰的前提下，充分利用 Livewire 的优势，构建高…

    程序猿的头像 程序猿
    2026年9月24日
    100

  • VSCode如何实现代码自动修复 VSCode智能重构与错误修正技巧

    VSCode如何实现代码自动修复 VSCode智能重构与错误修正技巧VSCode如何实现代码自动修复 VSCode智能重构与错误修正技巧VSCode如何实现代码自动修复 VSCode智能重构与错误修正技巧VSCode如何实现代码自动修复 VSCode智能重构与错误修正技巧

    vscode通过集成语言服务协议（lsp）、内置quick fixes和refactoring actions，并结合扩展如eslint、prettier等，实现代码自动修复与智能重构；2. 启用editor.formatonsave和editor.codeactionsonsave设置可在保存时自…

    程序猿的头像 程序猿
    2026年9月24日 • 用户投稿
    100
  • PHP Web开发：高效处理动态数量问题答案的表单更新与ID获取 用户投稿

    PHP Web开发：高效处理动态数量问题答案的表单更新与ID获取

    本教程探讨在PHP Web开发中，如何高效处理具有动态数量答案的问题更新表单。针对需要同时获取答案文本值及其对应ID的场景，文章详细介绍了通过合理设计表单字段命名和利用$_POST超全局变量的键值迭代特性，实现对动态生成答案字段的准确解析和数据提取，确保更新操作的完整性。 问题背景与挑战 在开发问答…

    程序猿的头像 程序猿
    2026年9月24日
    100
  • 解决AWS S3 PHP SDK中SSL连接失败问题：证书验证与文件句柄限制 用户投稿

    解决AWS S3 PHP SDK中SSL连接失败问题：证书验证与文件句柄限制

    本文旨在帮助开发者解决在使用AWS S3 PHP SDK时遇到的SSL连接失败问题，错误信息包括“fopen(): SSL operation failed with code 5”和“certificate verify failed”。文章将深入分析错误原因，并提供修改php.ini配置，指定证…

    程序猿的头像 程序猿
    2026年9月24日
    200

发表回复

登录后才能评论
关注微信