Add attribute checked on click jquery

Question

I ve been trying to figure out how to add the attribute  checked  to a checkbox on click  The reason I want to do this is so if I check off a checkbox  I can have my local storage save that as the html so when the page refreshes it notices the checkbox is checked  As of right now if I check it off  it fades the parent  but if I save and reload it stays faded but the checkbox is unchecked   I ve tried doing   this  attr  checked    but it does not seem to want to add checked   EDIT   After reading comments it seems i wasn t being clear  My default input tag is    lt input type  checkbox  class  done  gt    I need it top be so when I click the checkbox  it adds  checked  to the end of that  Ex    lt input type  checkbox  class  done  checked gt    I need it to do this so when I save the html to local storage  when it loads  it renders the checkbox as checked        done   live  click   function    if   this  parent   find   editor   is   visible       var editvar     this  parent   find  input name  tester     val      this  parent   find   editor   fadeOut  slow      this  parent   find   content   text editvar     this  parent   find   content   fadeIn  slow      if    this  is   checked        this  parent   fadeTo  slow   0 5     this  attr  checked      This line  else     this  parent   fadeTo  slow   1     this  removeAttr  checked

User · Answer

use this code  var sid     this   sid attr  checked   checked

User · Answer

If  attr   isn t working for you  especially when checking and unchecking boxes in succession   use  prop   instead of  attr

User · Answer

this   attr   checked    checked     just attr   checked    will return the value of    this   s checked attribute  To set it  you need that second argument  Based on  lt input type  checkbox  checked  checked    gt   Edit   Based on comments  a more appropriate manipulation would be      this   attr   checked   true     And a straight javascript method  more appropriate and efficient   this checked   true    Thanks  Andy E for that

User · Answer

A simple answer is to add checked attributes within a checkbox     input id     this  attr  quot id quot        attr  quot checked quot    quot checked quot

User · Answer

It seems this is one of the rare occasions on which use of an attribute is actually appropriate  jQuery s attr   method will not help you because in most cases  including this  it actually sets a property  not an attribute  making the choice of its name look somewhat foolish   UPDATE  Since jQuery 1 6 1  the situation has changed slightly   IE has some problems with the DOM setAttribute method but in this case it should be fine   this setAttribute  checked    checked      In IE  this will always actually make the checkbox checked  In other browsers  if the user has already checked and unchecked the checkbox  setting the attribute will have no visible effect  Therefore  if you want to guarantee the checkbox is checked as well as having the checked attribute  you need to set the checked property as well   this setAttribute  checked    checked    this checked   true    To uncheck the checkbox and remove the attribute  do the following   this setAttribute  checked           For IE this removeAttribute  checked       For other browsers this checked   false

[javascript] Add attribute 'checked' on click jquery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to local-storage