Фильтрация строк / строк таблицы по критериям флажка -Javascript / JQuery

Question

Пожалуйста, смотрите: mycellularcenter.com / phones

Я хочу продублировать эту функциональность в javascript / JQuery, но не достаточно знаком с языком, чтобы даже знать, что искать.

Под функциональностью я подразумеваю возможность выбрать один или несколько элементов в левом столбце и отобразить / скрыть содержимое правого столбца в соответствии с выбранными критериями флажка.

Я могу отображать / скрывать строки / деления на основе щелчков по тексту в других столбцах, но не знаю, как объединить / повторить?через несколько вариантов выбора.

Совет / помощь приветствуется.

JC

Answer 1

Недавно я сделал что-то подобное и смог изменить его на то, что, как я полагаю, вы хотите.Здесь слишком подробно объяснять, поэтому посмотрите комментарии в коде, и этот пример:

http://jsbin.com/adaru3/edit

Answer 2

С серверной стороны это, конечно, проще, но это не обязательно, особенно если вы не будете использовать очень сложные фильтры

Взгляните на этот плагин jQuery

http://plugins.jquery.com/project/uiTableFilter

Answer 3

Похоже, что вам нужно сделать, это увидеть, когда флажок был изменен, и перезагрузить содержимое (через ajax, с xml / html / json) в div.http://jsfiddle.net/mazzzzz/ABk4R/6/ - это javascript, который я бы использовал, и php будет выглядеть примерно так:

script.php

<?php
$firstcheckboxChecked = $_POST['1'];
if ($firstcheckboxChecked)
    echo 'crap because first checkbox was checked';
?>

Каждый флажок отправляется php в $ _POSTпеременная, поэтому флажок <input type="checkbox" value="te" /> будет доступен с помощью $_POST['te'] (который имеет значение true, если флажок установлен, и false, если нет).Затем HTML, созданный этой страницей, помещается в container div (заменяя старое содержимое в этом div).

Answer 4

Вы, конечно, делаете это с AJAX.Другой альтернативой является использование функции jQuery filter().

Answer 5

Это делается с помощью запроса ajax

он получает данные формы, отправляет их через ajax-запрос на сервер, а сервер обрабатывает данные формы, выполняет поиск в своей базе данных и затем возвращает json или xml в javascript, который затем динамически создает каждую строку для каждого пункт