如何使用 JavaScript 选择所有复选框

为了选择页面上的所有复选框，我们需要创建一个 selectAll () 函数，通过该函数我们可以一次性选择所有复选框。在本节中，我们不仅将学习如何选择所有复选框，还将创建另一个函数来取消选择所有已勾选的复选框。

那么，让我们看看如何在 JavaScript 代码中选中和取消选中所有复选框。

在 JavaScript 代码中选择所有复选框

我们将实现并理解一个示例，在该示例中，我们将创建两个按钮，一个用于选择所有复选框，另一个用于取消选择所有已选中的复选框。示例代码如下：

输出

当我们单击“全选”按钮时，我们将看到

当我们取消选择所有复选框时，我们将看到

代码解释

1. 上述完整代码基于 HTML 和 JavaScript。
2. 在 html body 部分，我们创建了四个输入类型为 Checkboxes 和另外两个输入类型为 button。对于输入类型为 button 的，我们创建了一个用于选择复选框的按钮，它将调用 selects () 函数，另一个用于取消选择复选框（如果已选择任何/所有），它将调用 deselect () 函数。
3. 因此，当用户单击“全选”按钮时，它会转到脚本部分，在那里找到 selects () 函数并执行其中的语句。
4. 同样，当用户在选择复选框后单击“取消全选”按钮时，将调用 deselect () 函数。此外，如果用户仅选中了一个或两个复选框，那么在单击“取消全选”按钮时，它也会取消选中它们。如果用户没有选中任何复选框，然后单击“取消全选”按钮，则不会显示或执行任何操作。

用户可以创建许多此类使用复选框的示例并尝试这些函数。

因此，用户可以通过这种方式选择所有复选框或取消选择所有复选框。