how to toggle attr in jquery

Question

I have a simple add attribute function       list-toggle   click function             list-sort   attr  colspan   6         My question is  how can I turn this into a toggle  so colspan  6  is removed from the element on the next click

User · Accepted Answer

If you re feeling fancy       list-sort   attr  colspan   function index  attr       return attr    6   null   6        Working Fiddle

User · Answer

For what it s worth       js-toggle-edit   on  click   function  e        var bool       js-editable   prop  readonly            js-editable   prop  readonly     bool        Keep in mind you can pass a closure to  prop    and do a per element check  But in this case it doesn t matter  it s just a mass toggle

User · Answer

For readonly disabled and other attributes with true false values      submit   attr  disabled   function    attr   return  attr

User · Answer

I know this is old and answered but I recently had to implement this and decided to make 2 simple jQuery plugins that might help for those interested  usage      1     container   toggleAttr  aria-hidden    true       2     container   toggleAttrVal  aria-hidden    true    false      1 - Toggles the entire attribute regardless if the original value doesn t match the one you provided   2 - Toggles the value of the attribute between the 2 provided values       jquery toggle whole attribute     fn toggleAttr   function attr  val        var test     this  attr attr       if   test               if attrib exists with ANY value  still remove it         this  removeAttr attr         else           this  attr attr  val             return this             jquery toggle just the attribute value     fn toggleAttrVal   function attr  val1  val2        var test     this  attr attr       if   test     val1            this  attr attr  val2         return this            if   test     val2            this  attr attr  val1         return this               default to val1 if neither       this  attr attr  val1       return this         This is how you would use it in the original example       list-toggle   click function             list-sort   toggleAttr  colspan   6

User · Answer

This would be a good place to use a closure    function       var toggled   false        list-toggle   click function         toggled    toggled          list-sort   attr  colspan   toggled   6   null                 The toggled variable will only exist inside of the scope defined  and can be used to store the state of the toggle from one click event to the next

User · Answer

list-toggle   click function           this  hasAttr  colspan                this  removeAttr  colspan       this  attr  colspan   6

User · Answer

This answer is counting that the second parameter is useless when calling removeAttr   as it was when this answer was posted  Do not use this otherwise   Can t beat RienNeVaPlus s clean answer  but it does the job as well  it s basically a more compressed way to do the ternary operation       list-sort       list-sort   hasAttr  colspan           removeAttr     attr    colspan   6     an extra variable can be used in these cases  when you need to use the reference more than once   var  listSort       list-sort      listSort  listSort hasAttr  colspan      removeAttr     attr    colspan   6

User · Answer

list-toggle   click function         var  listSort       list-sort        if   listSort attr  colspan               listSort removeAttr  colspan          else            listSort attr  colspan   6               Here s a working fiddle example   See the answer by  RienNeVaPlus below for a more elegant solution

User · Answer

list-toggle   click function           this  attr  colspan            this  removeAttr  colspan       this  attr  colspan   6

User · Answer

quot form  gt   form-group  gt  i quot   click function            icon   toggleClass  fa-eye fa-eye-slash         if     icon   hasClass  fa-eye                 Password1   attr  type   text          else               Password1   attr  type   password

[jquery] how to toggle attr() in jquery

Examples related to jquery