如何使用 jquery 使 html 表像 phpmyadmin 中使用的那样动态？

Question

我想你们都知道 phpmyadmin 中的表是什么样子的（我说的是显示 SQL 表的结构和数据的 html 表）。我正在寻找向我的 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"))
    );
});