Выжить без JavaScript: выделенные чекбоксы
Была у меня такая стандартная задача.
Есть хтмл-форма. В ней таблица, в начале каждой строки есть чекбоксик, выделив который, мы помечаем эту строку на удаление. Затем по нажатию кнопки "Удалить выделенные" помеченные строки удаляются. Значение каждого чекбоксика - уникальное, и однозначно соответствует удаляемой строке.
Решение 1: JavaScript.
В обработчик события onclick кнопки "Удалить выделенные" пишем функцию на JavaScript, которая а) обходит все чекбоксы и собирает инфу об их выделенности, б) делает из значений выделенных чекбоксов список (просто строку с их перечислением через запятую), в) сохраняет эту строку в hidden-поле. Получается примерно так:
<input type="submit" name="delete"
value="Удалить выделенные"
onclick="document.getElementById
('selected').value=checkedValues('FormName');"/>
<input type="hidden" name="selected"
id="selected" value="" />
Здесь checkedValues() - эта та самая рукотворная функция на JavaScript.
На серверной стороне (а там стоит РНР) преобразуем список в массив:
<?
$selected = explode(",", $selected);
?>
Что мне не нравится в этом решении - нестандартность. Скажем, нет у броузера включённого JavaScript или библиотека с функциями недозагрузилась/пропала/неподключена - и всё, попа, функциональность не работает. Поэтому появилось
решение 2: РНР + HTML.
Матчасть: в результате этого кода будет а) создан переменная типа массив, б) следующему её элементу (в нашем случае первому, так как массив пустой) будет присвоено значение 4.
<?
$arr_example = array();
$arr_example[] = 4;
?>
То бишь "[]" означает "возьми следующий элемент". Данный простой код часто усложняют таким образом (получается то же, только грязнее):
<?
$arr_example = array();
$arr_example[sizeof($arr_example)] = 4;
?>
Так вот вернёмся к теме. Можно смело удалить обработчик onclick - за него всё сделает РНР и хтмл: будем использовать хитрое наименование переменных. Дело в том, что если назвать все хтмл-чекбоксы так:
<input type="checkbox"
name="selected[]" value="<?=$id?>"/>
то после субмита формы на стороне сервера появится переменная $selected типа "массив", проиндексированная последовательно (т.е. можно по ней пройтись циклом FOR, а не FOREACH, что есть быстрее). Более того, любимая explode() тут уже не понадобится. Ура!
2 комментов:
Ха! Я узнал кое-что новое про эти злосчастные чекбоксы. Благодарствую.
Согласен, что JavaScript не панацея, поэтому использую его в основном для помощи пользователю не делать глупых ошибок, а всё введённое проверяется на серверной стороне. Но гнать на него не надо: как ты будешь использовать HTTP для проверки заполения обязательных полей или проверки выделения хоть одного чекбокса? Да, в принципе можно, но только после перегрузки страницы, а это трафик, а это время, а это деньги.
Отправить комментарий