php - 用于消息收件箱的 Jquery/Javascript gmail 风格的内容，例如使用复选框选择所有消息等

Question

我很高兴在构建了完整的用户注册/登录和激活系统后，我在这里为我的网站构建了一个私有(private)消息收件箱，而几个月前我还以为我没有足够的耐心来学习这些东西.

不管怎样，我的问题。 我目前正在为我的用户构建私有(private)消息收件箱，想知道是否有任何 jquery/javascript 东西可以用来使我的收件箱更像 gmail 收件箱。

E.G. Gmail 允许您使用复选框选择所有已读邮件、未读邮件、已加星标、未加星标或不选择任何邮件。我想将这种功能添加到我的网站，并且我确信实现此目的的最简单方法是使用 jquery/javascript 脚本。

如果有人可以提供一些链接或信息，让我在哪里可以找到与我的收件箱页面一起使用的几种此类脚本，我将不胜感激。谢谢

编辑:还想指出，我希望复选框位于下拉菜单中，就像 gmail 一样。

Answer 1

我建议将您的每项要求分解(这是解决问题的一般建议)。
让我们以你的例子为例。如果您希望允许用户选择所有复选框，我们希望 jQuery 选择所有复选框，然后选择它们:

$(':checkbox').attr('checked','checked');

当然，您必须选择要执行的位置/时间，但同样，这是问题的一个单独部分。

当我们取消选中它们时，我们可能会执行以下操作:

$(':checkbox').removeAttr('checked');

如果您想要读/未读，您将需要处理所有选定的项目，因此您将需要类似的内容(当然，在已部署的应用程序中，您需要确保这不会抓取单选按钮或其他复选框等):

$('#read').click(function(){
  $(':checked').each(function(){
    // change their background colour, maybe
  })
});