动态复选框与相应文本框关联的问题

Question

我有一个表单，用户可以动态添加新文本框。对于每个文本框，我有一个复选框（用于显示或隐藏前端的选项）。就像下面一样。

<ul>
     <li><input type="text" name="field_name[]" /></li>   
     <li><input type="checkbox" name="show_hide[]" /></li>
</ul>

<input type="button" value="Add More Field">

当我从PHP获取post值时，我很困惑如何将复选框与其相应的文本框相关联，因为复选框'show_hide []'的数组可能取决于用户输入。

Answer 1

您可以使用索引：

<ul>
     <li><input type="text" name="field_name[0]" /></li>   
     <li><input type="checkbox" name="field_name[0]" /></li>
</ul>

然后你的jQuery，每次你添加一个新的文本框和复选框将他们的名字设置为show_hide [index]等。你可以全局存储索引，只需在添加新文本框时更新它，或者使用正则表达式解析前一个输入以获取最后一个索引并以此方式递增。然后在服务器上，您将获得一个可以检查的阵列。另一种方法是：

<ul>
     <li><input type="text" name="field_name[0][text]" /></li>   
     <li><input type="checkbox" name="field_name[0][checked]" /></li>
</ul>

这会给你一些更好的数组： - ）