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

Revati S Misra 598 14 Apr 2023

Revati S Misra

Student

Skilled in SEO, content writing, and digital marketing. Completed several years of working in many organizations including multinational companies. I love to learn new things in life that keep me motivated.

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.

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