Javascript 使用分页选中所有复选框

我目前有一个分页报告，一次显示20条记录。总共有600条记录

在这个报告中，我还为每个记录设置了一个复选框列。基于此，我的疑问如下：

我想加入一个“全部检查”功能，因此根据我显示20条记录（总共600条记录）的场景，当我按下“全部检查”复选框时，我实际上想检查所有600条记录，而不仅仅是每分页20条记录

由于记录的总数会有所不同，JavaScript是否可以做到这一点

与第（1）点的概念相同，如果我有一个“提交”按钮，我实际上想确认所有600条记录都已检查，即使我一次只查看20条记录

这可能吗

---

如果希望javascript执行此类功能，则必须将所有复选框呈现到屏幕上。

如果希望javascript执行此类功能，则必须将所有复选框呈现到屏幕上。

如果确实希望“全选”框表示跨页面全选，然后我建议在服务器端检查

e、 g

项目1
项目2
项目3

当然，要注意，用户看不到的“复选框”意味着他们不能选择全部，然后取消选择单个。检查所有页面也有点违反直觉。这类事情的大多数实现只会影响您当前查看的页面。我可能会使用另一个控件（一个单独的按钮）来实现这种功能。

如果您真的希望“全选”框表示跨页面全选，那么我建议您在服务器端进行检查

e、 g

项目1
项目2
项目3

---

当然，要注意，用户看不到的“复选框”意味着他们不能选择全部，然后取消选择单个。检查所有页面也有点违反直觉。这类事情的大多数实现只会影响您当前查看的页面。我可能会使用另一个控件（一个单独的按钮）来实现这种功能。

我想这可能不是用户所期望的，我们都知道，可用性的黄金法则是不要让用户感到惊讶。我建议使用一个按钮或链接，该按钮或链接清楚地表明此操作将“选择全部，使用全部，我指的是所有页面上的所有记录”

我经常看到的另一个可能的解决方案是一个链接，上面写着“在一个页面上显示所有内容”。在用户单击并重新加载包含所有记录且没有分页的页面后，他们可以选择all

---

但要真正回答你的问题，我需要更多的信息。分页是服务器端的吗？或者服务器确实提供了600条记录，但它们在客户端被切成20/20块？

我想这可能不是用户所期望的，我们都知道可用性的黄金法则是不要让用户感到惊讶。我建议使用一个按钮或链接，该按钮或链接清楚地表明此操作将“选择全部，使用全部，我指的是所有页面上的所有记录”

我经常看到的另一个可能的解决方案是一个链接，上面写着“在一个页面上显示所有内容”。在用户单击并重新加载包含所有记录且没有分页的页面后，他们可以选择all

---

但要真正回答你的问题，我需要更多的信息。分页是服务器端的吗？或者服务器是否实际提供了600条记录，但这些记录在客户端上被分割成20/20块？

在选中所有复选框后，您会执行哪些操作？当用户选中所有复选框后提交时，每个记录中的某些字段都会更新和处理。在此全选之后，您会执行哪些操作？当用户选中所有复选框后提交时，每个记录中的某些字段都会更新和处理。

<ul>
    <li><input type='checkbox' name='item_ids[]' value='1'/>Item 1</li>
    <li><input type='checkbox' name='item_ids[]' value='2'/>Item 2</li>
    <li><input type='checkbox' name='item_ids[]' value='3'/>Item 3</li>

    <li><input type='checkbox' name='check_all' value='check_all'/></li>

</ul>