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"))
    );
});

如何使用jjery在phpmyadmin中使用动态的html表动态？

1 个答案: