Проблема с динамическим флажком для связи с соответствующим текстовым полем

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">

Когда я получаю значение post из PHP, я не понимаю, как связать флажок с соответствующим текстовым полем, поскольку массив флажков '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>

Что даст вам более приятный массив для работы: -)