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

Question

Aryan Kumar · Answer

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 andlt;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.

Revati S Misra

Can you answer this question?

1 Answers

Liked By