通过html表单发送和接收未知数量复选框的状态答案

【问题标题】：Send and receive state of unknown number of checkboxes through html form通过html表单发送和接收未知数量复选框的状态
【发布时间】：2015-09-26 07:14:40
【问题描述】：

我有一个 MySql 表，我可以通过 HTML 表单进行修改。 MySql 表 有这样的列：

id (int) | name (text) | option1 (boolean) | option2 (boolean)

options 字段的数量会随着时间的推移而增长，并且不固定，但始终包含布尔数据（0 或 1）。行数也不固定。

我想用 html 表单修改表格，如下所示：

<form action="file.php" method="post">
<table style="width:100%">
  <tr>
    <th>Name</th>
    <th>Option1</th>
    <th>Option2</th>
  </tr>
  <tr>
    <th>lili</th>
    <th><input type="checkbox" name="lili_1"checked></th>
    <th><input type="checkbox" name="lili_2"></th>
  </tr>
  <tr>
    <th>thor</th>
    <th><input type="checkbox" name="thor_1" checked></th>
    <th><input type="checkbox" name="thor_2" checked></th>
  </tr>
  <tr>
    <th>fred</th>
    <th><input type="checkbox" name="fred_1" checked></th>
    <th><input type="checkbox" name="fred_2" ></th>
  </tr>
</table>
<button type="submit">Update</button>
</form>

现在变得棘手了。当我提交表单时，在服务器端我不知道有多少列/行。我想更新整个数据库表（它很小），所以我需要知道列（option1、option2、...）和行（lili、thor、fred）的每个复选框的状态 ,...)

我的想法是根据字段“名称”的列和值来命名每个复选框。我还需要发送一个包含所有名称和列的数组（因为我只能知道被选中的框，而不是未选中的框）。

然后，在服务器端，我需要使用列和名称的数组重新创建矩阵，并将 1 放在选中的复选框（通过复选框的名称）。

这似乎是一个非常容易出错且执行时间很长的操作...要完成如此简单的任务。有人可以指出我更聪明的方法吗？

谢谢

【问题讨论】：

对整个“lili”组尝试name="lili[]"，对所有其他组尝试相同。在服务器端，您将获得一个名为“lili”（$_POST['lili']）的列表，其中包含 True/False 值。
我用 html 按钮提交表单
你确定吗？我不会只得到“真实”的价值观吗？因为只有实际选中的复选框才会发送数据？
是的，没错。您还需要在复选框上设置value="1/2/3/..."。然后，您将获得一个“id”列表，而不仅仅是 true 值，以便您识别它们。
其实这里已经有答案了stackoverflow.com/questions/4997252/…

标签： php html mysql checkbox

【解决方案1】：

您可以在 php 后端使用name="thor[]" 或name="lili[]" 对复选框进行分组，您可以通过$_REQUEST['thor'] 检索它。记住它是一个数组。所以你用foreach($_REQUEST['thor'] as $thor){}循环它if($thor)检查值

【讨论】：

我无法直接访问 $_REQUEST['thor'] 因为我不知道有多少行。我需要有一个变量才能知道这一点。谢谢您的建议。我还将有一个包含行名称的数组。
如何渲染这个 html？
当我生成 html 时，我可以访问数据库。我可以看到列数和行数。当我收到表单时，我不知道是否添加了新行，所以我只需要修改生成 html 表单时可见的表格部分。我对 php/mysql 很陌生，如果您认为我遗漏了一些明显的东西，很可能是这种情况；）

【解决方案2】：

解决方案是添加一些 Javascript，它将捕获所有字段名称，并在提交表单之前将它们分配给隐藏字段的值。这将为您提供服务器端处理所需的所有信息。这是一个工作示例。

test.php

<html>
  <head>
    <title>test.php</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script type="text/javascript">
      $(document).ready(function(){
        $('form').submit(function(){
          var element = $(this);
          var names = [];
          element.find('input[type=checkbox]').each(function(i,o){
            names[names.length] = $(o).attr('name');
          });
          var value = names.join();
          var hidden = $('<input>').attr('type', 'hidden').attr('name', 'names').attr('value', value);
          element.append(hidden);
        });
      });
    </script>
  </head>
  <body>
    <?php
      $post_id = $_REQUEST['post_id'];
      if(!empty($post_id)){
        $names = $_REQUEST['names'];
        $names = explode(',', $names);
        foreach($names as $name){
          $value = $_REQUEST[$name];
          if($value != "on") $value = "off";
          print "$name:$value<br/>";
        }
      }
    ?>
    <form action="test.php" method="post">
      <input type="hidden" name="post_id" value="<?php echo md5(date('Hms').session_id()); ?>" />
      <table style="width:100%">
        <tr>
          <th>Name</th>
          <th>Option1</th>
          <th>Option2</th>
          </tr>
        <tr>
          <th>lili</th>
          <th><input type="checkbox" name="lili_1"></th>
          <th><input type="checkbox" name="lili_2"></th>
        </tr>
        <tr>
          <th>thor</th>
          <th><input type="checkbox" name="thor_1"></th>
          <th><input type="checkbox" name="thor_2"></th>
        </tr>
        <tr>
          <th>fred</th>
          <th><input type="checkbox" name="fred_1"></th>
          <th><input type="checkbox" name="fred_2"></th>
        </tr>
      </table>
      <button type="submit">Update</button>
    </form>
  </body>
</html>

【讨论】：