Массивы ЗАПИСЕЙ, в которых не отображаются непроверенные флажки
Возникли проблемы с тем, чтобы мои массивы сообщений отображали все значения флажков в моей форме.
У меня есть форма, настроенная следующим образом:
<form name='foo' method='post' action=''>
<table>
<tr>
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td>
</tr>
<tr>
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td>
</tr>
<tr>
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[]'/></td>
</tr>
</table>
</form>
У меня есть кнопка внизу, привязанная к функции jquery, которая добавляет в форму еще 5 пустых строк (отсюда и массивы для имени ввода CBOX[]).
Теперь проблема. Допустим, первый флажок снят, а последние 2 отмечены. Когда я выведу значения (используя PHP print_r для отладки), я получу:
Array ( [0] => on [1] => on)
Для некоторых причина в том, что массив не содержит никаких значений для непроверенных флажков.
Я видел некоторые решения, в которых скрытая переменная передается с каждым флажком, но может ли это решение быть реализовано в моей ситуации (с использованием массивов)?
6 answers
Такое поведение неудивительно, так как браузер не предоставляет никаких значений для флажков, которые не установлены.
Если вы находитесь в ситуации, когда вам нужно отправить точное количество элементов в виде массива, почему бы вам не сделать то же самое, что вы делаете, когда с каждым флажком связан какой-либо id? Просто включите имя ключа массива PHP как часть имени элемента <input>:
<tr>
<!-- NOTE [0] --->
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[0]'/></td>
</tr>
<tr>
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[1]'/></td>
</tr>
<tr>
<td class='bla'>Checkbox: <input type='checkbox' name='cBox[2]'/></td>
</tr>
Это все еще оставляет вас с проблемой, что непроверенные флажки все равно не будут присутствует в массиве. Это может быть проблемой, а может и не быть. Во-первых, вам может быть действительно все равно:
foreach($incoming as $key => $value) {
// if the first $key is 1, do you care that you will never see 0?
}
Даже если вам не все равно, вы можете легко исправить проблему. Здесь два простых подхода. Во-первых, просто выполните трюк со скрытым элементом ввода:
<tr>
<td class='bla'>
<input type="hidden" name="cBox[0]" value="" />
Checkbox: <input type='checkbox' name='cBox[0]'/>
</td>
</tr>
<tr>
<td class='bla'>
<input type="hidden" name="cBox[1]" value="" />
Checkbox: <input type='checkbox' name='cBox[1]'/>
</td>
</tr>
И два, которые я нахожу предпочтительными, вместо этого заполняют пробелы из PHP:
// assume this is what comes in:
$input = array(
'1' => 'foo',
'3' => 'bar',
);
// set defaults: array with keys 0-4 all set to empty string
$defaults = array_fill(0, 5, '');
$input = $input + $defaults;
print_r($input);
// If you also want order, sort:
ksort($input);
print_r($input);
ОДИН ИЗ ПРИЕМОВ состоит в том, чтобы переопределить значение флажка, если он установлен. в противном случае его значение будет равно 0.
<form>
<input type='hidden' value='0' name="smth">
<input type='checkbox' value='1' name="smth">
</form>
Попробуйте
<input type='checkbox' value="XXX" name='cBox[]'/>
<input type='checkbox' value="YYY" name='cBox[]'/>
<input type='checkbox' value="ZZZ" name='cBox[]'/>
Флажки работают таким образом. Если этот флажок установлен, только тогда разносится значение.
Если вы работаете с динамическим массивом флажков, вы можете попробовать следующее:
HTML:
<label>
<input type="hidden" name="cBox[]" value="" />
<input type="checkbox" class="checkbox" value="on" />
</label>
<label>
<input type="hidden" name="cBox[]" value="" />
<input type="checkbox" class="checkbox" value="on" />
</label>
<!-- extend -->
Javascript (jQuery):
$(document).on("change", "input.checkbox", function() {
var value = $(this).is(":checked") ? $(this).val() : null;
$(this).siblings("input[name='cBox[]']").val(value);
});
Результат серверной части (если только проверено второе):
// PHP $_POST['cBox']
Array
(
[0] =>
[1] => on
)
В этой реализации флажки используются для управления каждым скрытым входом в группе.
Для отображения страницы вы можете отобразить каждую пару входных данных обратно, присвоив значение скрытым входам и установив флажки как checked.
Попробуйте установить значение для каждого флажка, равное 1 или true.
<input type='checkbox' value='1' name='cBox[1]'/>
Может быть, поэтому он ничего не отправляет?
В контроллере:
request()->merge(['cBox' => request()->input('cBox', [])]);