How to remove onclick with JQuery

Question

PHP code    lt a id  a id  onclick  check  id 1   href  javascript void 0    class  black  gt Qualify lt  a gt    I want to remove the onclick  check  id 1  so the link cannot be clicked or  check  id 1  won t be fired  How can I do it with JQuery

User · Answer

Removing onclick property Suppose you added your click event inline  like this    lt button id  quot myButton quot  onclick  quot alert  test   quot  gt Married lt  button gt   Then  you can remove the event like this      quot  myButton quot   prop  onclick   null      Removes  onclick  property if found   Removing click event listeners Suppose you added your click event by defining an event listener  like this      quot button quot   on  quot click quot   function     alert  quot clicked  quot             or like this     quot button quot   click function     alert  quot clicked  quot         Then  you can remove the event like this      quot  myButton quot   off  click                Removes other events if found   Removing both If you re uncertain how your event has been added  you can combine both  like this      quot  myButton quot   prop  onclick   null      Removes  onclick  property if found                off  click                Removes other events if found

User · Answer

I know this is quite old  but when a lost stranger finds this question looking for an answer  like I did  then this is the best way to do it  instead of using removeAttr      element prop  onclick   null     Citing jQuerys official doku       Removing an inline onclick event handler using  removeAttr   doesn t achieve the desired effect in Internet Explorer 6  7  or 8  To avoid potential problems  use  prop   instead

User · Answer

After trying so hard with bind  unbind  on  off  click  attr  removeAttr  prop I made it work   So  I have the following scenario  In my html i have NOT attached any inline onclick handlers    Then in my Javascript i used the following to add an inline onclick handler     element  attr  onclick   myFunction        To remove this at a later point from Javascript I used the following     element  prop  onclick  null     This is the way it worked for me to bind and unbind click events dinamically in Javascript  Remember NOT to insert any inline onclick handler in your elements

User · Answer

Try this if you unbind the onclick event by ID Then use       youLinkID   attr  onclick      unbind  click      Try this if you unbind the onclick event by Class Then use       className   attr  onclick      unbind  click

User · Answer

It is very easy using removeAttr     element  removeAttr  onclick

User · Answer

What if onclick event is not directly on element  but from parent element  This should work       noclick   attr  onclick      unbind  click        noclick   click function e       e preventDefault        e stopPropagation        return false

User · Answer

Old Way  pre-1 7             attr  onclick       unbind  click      New Way  1 7              prop  onclick   null  off  click       Replace     with the selector you need     x000D   x000D     use the   attr value   syntax to avoid syntax errors with special characters  like      x000D      id  a id     prop  onclick  null  off  click    x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D   lt a id  a id  onclick  alert  get rid of this    href  javascript void 0    class  black  gt Qualify lt  a gt  x000D   x000D   x000D

User · Answer

if you are using jquery 1 7     html   off  click      else     html   unbind  click

[jquery] How to remove "onclick" with JQuery?

Removing `onclick` property

Removing `click` event listeners

Removing both

Examples related to jquery

Examples related to attributes

Examples related to event-handling

Examples related to jquery-events