Php Jquery/JavaScriptGmail风格的邮件收件箱，比如使用复选框选择所有邮件等等

我很享受在建立了一个完整的用户注册/登录和激活系统之后，我在这里为我的网站建立了一个私人信息收件箱，而几个月前我还以为我没有足够的耐心来学习这些东西

不管怎样，请回答我的问题。 我目前正在为我的用户构建私人邮件收件箱，想知道是否有jquery/javascript的东西可以让我的收件箱更像gmail收件箱

例如，Gmail允许您使用复选框选择所有已读邮件、未读邮件、带星号邮件、未带星号邮件或无任何邮件。我想在我的网站上添加这种功能，我相信实现这一点最简单的方法是使用jquery/javascript脚本

如果有人能提供一些链接或信息给我，我将不胜感激，在那里我可以找到这些类型的脚本中的一些，用于我的收件箱页面。谢谢

编辑：还要注意，我希望复选框像Gmail一样位于下拉列表中。

您好 你可以这样做

$("#select-all").click(function(){
      $("input:checkbox").attr('checked', $(this).attr('checked'));
});

（但尚未测试）

编辑：哎呀！我错写了select:P 您还可以使用计算机上的类来区分已读、未读等 你可以这样做

$("#select-all").click(function(){
      $("input:checkbox").attr('checked', $(this).attr('checked'));
});

（但尚未测试）

编辑：哎呀！我错写了select:P

---

您可以通过在它们上使用类来区分已读、未读等内容

我建议将您的每个需求分解成若干部分（这是解决问题的一般建议）。
让我们以你为例。您希望允许用户选择所有复选框，我们希望jQuery选择所有复选框，然后选择它们：

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

当然，您必须选择在何处/何时执行，但这是问题的一个单独部分

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

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

如果您希望读取/未读取，您将希望处理所有选定的项目，因此您将希望类似（当然，在已部署的应用程序中，您希望确保这不会抓住单选按钮或其他复选框等）：

---

我建议将您的每个需求分解成若干部分（这是解决问题的一般建议）。
让我们以你为例。您希望允许用户选择所有复选框，我们希望jQuery选择所有复选框，然后选择它们：

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

当然，您必须选择在何处/何时执行，但这是问题的一个单独部分

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

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

如果您希望读取/未读取，您将希望处理所有选定的项目，因此您将希望类似（当然，在已部署的应用程序中，您希望确保这不会抓住单选按钮或其他复选框等）：

---

走到这一步做得好：）走到这一步做得好：）我如何在实际下拉列表中使用复选框来实现这一点？他们希望进行的选择类型将是此下拉列表中的项目之一。。e、 g.已读，未读etc@Psychonetics，分解问题：您希望在选择下拉项时执行一个函数：$（'select'）。更改（function（）{…}），您希望该功能在所有选中的复选框上工作，使用上面的代码$（'：checked'）确定工作正常，当我到达页面或刷新页面时，它将选中所有复选框。现在我只需要在单击顶部复选框时使用它。我想我必须使用一个函数？我发现：这似乎在某种程度上正是我想要的。@Psycholetics，没错。所以你的顶部复选框应该有一个唯一的id，比如topCheckBox，然后你在点击它时创建一个函数：$（'#topCheckBox'）。点击（function（）{$（':checkbox'）.attr（'checked'，'checked'）；}），然后你从那里开始，可能会添加一个条件，比如：如果复选框被选中，那么取消选中全部（见上面的代码），else check ALL在执行if语句时遇到问题，因为它与php非常不同。在实际的下拉列表中，我如何使用复选框来实现这一点？他们希望进行的选择类型将是此下拉列表中的项目之一。。e、 g.已读，未读etc@Psychonetics，分解问题：您希望在选择下拉项时执行一个函数：$（'select'）。更改（function（）{…}），您希望该功能在所有选中的复选框上工作，使用上面的代码$（'：checked'）确定工作正常，当我到达页面或刷新页面时，它将选中所有复选框。现在我只需要在单击顶部复选框时使用它。我想我必须使用一个函数？我发现：这似乎在某种程度上正是我想要的。@Psycholetics，没错。所以你的顶部复选框应该有一个唯一的id，比如topCheckBox，然后你在点击它时创建一个函数：$（'#topCheckBox'）。点击（function（）{$（':checkbox'）.attr（'checked'，'checked'）；}），然后你从那里开始，可能会添加一个条件，比如：如果复选框被选中，那么取消选中全部（见上面的代码），else检查所有在执行if语句时遇到问题，因为它与php非常不同。我如何将其放入下拉列表？如何将其放入下拉列表？