check uncheck All checkboxes with another single checkbox use jquery

by

Change

$(this).attr("checked", true);

to

$(this).prop("checked", true);

jsFiddle example

I actually just answered another question that was similar to this. Per the .prop() docs:

The .prop() method is a convenient way to set the value of
properties—especially when setting multiple properties, using values
returned by a function, or setting values on multiple elements at
once. It should be used when setting selectedIndex, tagName, nodeName,
nodeType, ownerDocument, defaultChecked, or defaultSelected. Since
jQuery 1.6, these properties can no longer be set with the .attr()
method. They do not have corresponding attributes and are only
properties.

Properties generally affect the dynamic state of a DOM element without
changing the serialized HTML attribute. Examples include the value
property of input elements, the disabled property of inputs and
buttons, or the checked property of a checkbox. The .prop() method
should be used to set disabled and checked instead of the .attr()
method. The .val() method should be used for getting and setting
value.

More Related Contents:

  1. How to retrieve checkboxes values in jQuery
  2. Get checkbox value in jQuery
  3. How to limit the number of selected checkboxes?
  4. jQuery if checkbox is checked
  5. Toggle Checkboxes on/off
  6. Get a list of checked checkboxes in a div using jQuery
  7. How do I check/uncheck all checkboxes with a button using jQuery?
  8. Using jquery to get all checked checkboxes with a certain class name
  9. calculate the number of html checkbox checked using jquery
  10. jQuery selector for the label of a checkbox
  11. Limit Checkbox amount
  12. jQuery, checkboxes and .is(“:checked”)
  13. How to handle change of checkbox using jQuery?
  14. jQuery set checkbox checked
  15. jQuery checkbox event handling
  16. jQuery: make checkboxes act like radio buttons?
  17. Find all unchecked checkboxes in jQuery
  18. if checkbox checked add class to parent element
  19. How I show div by scale effect and give her text
  20. How to get the value of this.id in string? [duplicate]
  21. Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x)
  22. How to wait 5 seconds with jQuery?
  23. Select elements by attribute
  24. Close Bootstrap Modal
  25. HTML Table to JSON
  26. JQuery data selector not updating with .data
  27. Using jQuery how do I select a range of rows?
  28. How to select first row of the first table in an html page using jQuery?
  29. HTML + Add input field inside a dropdown box
  30. jQuery UI dialog box not positioned center screen

Leave a Comment