Write a jQuery code that selects all the checkboxes in a form when a "Select All" button is clicked.

Revati S Misra 752 14 Apr 2023

1 Answers

Aryan Kumar 12 Jun 2023

Sure, here is the jQuery code that selects all the checkboxes in a form when a "Select All" button is clicked:

Code snippet

$(document).ready(function() {
  // Get the "Select All" button
  var selectAllButton = $("#selectAll");

  // When the "Select All" button is clicked
  selectAllButton.click(function() {
    // Select all the checkboxes in the form
    $("input[type=checkbox]").prop("checked", true);
  });
});

Here is a breakdown of the code:

The document.ready() function is used to run the code when the HTML document is ready.
The <span class="math-inline">\("\#selectAll"\)\ selector is used to get the element with the ID "selectAll". * The `click()` event handler is attached to the "Select All" button. * The `(":checkbox")` selector is used to get all the checkboxes in the form.
The prop("checked", true) method is used to select all the checkboxes.

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Write a jQuery code that selects all the checkboxes in a form when a "Select All" button is clicked.

Can you answer this question?

1 Answers