Как сделать HTML-таблицу динамической, как те, которые используются в phpmyadmin, используя jquery?

Question

Полагаю, вы все знаете, как выглядят таблицы в phpmyadmin (я говорю о таблицах html, которые показывают структуру и данные таблиц SQL).Я ищу, чтобы добавить аналогичную функциональность к моим HTML-таблицам, в которых, если пользователь щелкает строку таблицы, флажок слева от таблицы будет установлен, и если они нажмут на нее снова, флажок будет установлен в состояние по умолчаниюкоторый не отмечен, как в интерфейсе phpmyadmin.Кроме того, цвет tr должен меняться при щелчке строки и снова меняться на цвет по умолчанию, указанный в css после второго щелчка, снова так же, как он работает в phpmyadmin.

Answer 1

Очень просто: http://jsfiddle.net/ZBF2r/2/

Сначала эффект наведения:

$('tr').bind('mouseover mouseout', function() {
    $(this).toggleClass("hover");
});

Затем эффект щелчка:

$('tr').bind('click', function() {
    $(this).toggleClass("active");

И затем установите флажок:

    $(this).find("input[type=checkbox]").prop("checked",
        (!$(this).find("input[type=checkbox]").prop("checked"))
    );
});