通过html表单发送和接收未知数量复选框的状态
Posted
技术标签:
【中文标题】通过html表单发送和接收未知数量复选框的状态【英文标题】：Send and receive state of unknown number of checkboxes through html form 【发布时间】：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 值，以便您识别它们。
其实这里已经有答案了***.com/questions/4997252/…
【参考方案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>
【讨论】：
以上是关于通过html表单发送和接收未知数量复选框的状态的主要内容，如果未能解决你的问题，请参考以下文章
通过 jQuery ajax() 向 PHP 发送多个复选框数据