how to change onclick event with jquery

Question

I have create a js file in which i am creating the dynamic table and dynamically changing the click event for the calendar but onclicking the calender image for dynamic generated table  calendar popup in the previous calendar image  Please help me  code      ------------------------------------------------------------     Developer  Vipin Sharma     Creation Date  20 12 2010  dd mm yyyy      ModifiedDate   ModifiedBy      Comments  As and when      -------------------------------------------------------------   var jq   jQuery noConflict    var ia   1  jq document  ready function        jq   subtaskid1   click function             if ia lt  10         var create table   jq   orgtable   clone          create table find  input   each function             jq this  attr              id   function    id    return ia   id               name   function    name    return ia   name               value                                          end          create table find  select   each function                jq this  attr                    name   function   name   return ia   name                            end          create table find  textarea   each function                jq this  attr                    name   function   name   return ia   name                            end          create table find   f trigger c   each function                var oclk     displayCalendar document prjectFrm     ia   dtSubDate    yyyy-mm-dd   this                               ERROR IS HERE             var newclick   new Function oclk               jq this  click newclick            end          create table appendTo   subtbl          jq   maxval   val ia         ia             else              var ai   ia-1              alert  Only     ai     SubTask can be insert

User · Answer

2019  I used       id  removeAttr   off  click   on  click   function            I tried       id  off   on       but it wouldn t work to reset the onClick attribute every time it was called to be reset   I use  on  click  function          to stay away from having to quote block all my javascript functions   The O P  could now use      this  removeAttr  onclick   off  click   on  click   function         displayCalendar document prjectFrm ia    dtSubDate    yyyy-mm-dd   this        Where this came through for me is when my div was set with the onClick attribute set statically    lt div onclick         gt   Otherwise  if I only had a dynamically attached a listener to it  I would have used the       id  off   on  click   function            Without the off  click   my onClick listeners were being appended not replaced

User · Answer

id   attr  onclick    function       Right now  11 Jul 2015  this solution is still working  jquery 2 1 4   in my opinion  it is the best one to pick up

User · Answer

Updating this post  2015    unbind bind should not be used anymore with jQuery 1 7   Use instead the function off    Example         id   off  click        id   click function        myNewFunction          Other code etc        Be sure that you call a non-parameter function in  click  otherwise it will be ignored

User · Answer

Amirali  console log document getElementById  SAVE FOOTER     document getElementById  SAVE FOOTER   attribute  onclick   console log  c        throws   Uncaught TypeError  document getElementById      attribute is not a function   in chrome   Element exists and is dumped in console

User · Answer

Remove the old event handler     id   unbind  click     And attach the new one     id   click function           your code here

User · Answer

You can easily change the onclick event of an element with jQuery without running the new function with       id   attr  onclick   new function name        By writing this line you actually change the onclick attribute of  id   You can also use   document getElementById  id   attribute  onclick   new function name

User · Answer

If you want to change one specific onclick event with jQuery  you better use the functions  on   and  off   with a namespace  see documentation    Use  on   to create your event and  off   to remove it  You can also create a global object like g specific events set       to avoid duplicates    x000D   x000D      alert   click function   x000D    x000D      alert  First alert     x000D      x000D   x000D  g specific events set       x000D   x000D  add specific event   function namespace  x000D    x000D      if   g specific events set namespace   x000D        x000D              alert   on  click     namespace  function   x000D            x000D              alert  SECOND ALERT          x000D              x000D          g specific events set namespace    true  x000D        x000D     x000D   x000D  remove specific event   function namespace  x000D    x000D          alert   off  click     namespace   x000D      g specific events set namespace    false  x000D     x000D   x000D   x000D   x000D      add   click function    add specific event  eventnumber2        x000D   x000D      remove   click function    remove specific event  eventnumber2        x000D  div   x000D    display inline-block  x000D    vertical-align top  x000D    margin 0 5px 1px 5px  x000D    padding 5px 20px  x000D    background  ddd  x000D    border 1px solid  aaa  x000D    cursor pointer  x000D    x000D  div active   x000D    margin-top 1px  x000D    margin-bottom 0px  x000D    x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 11 1 jquery min js  gt  lt  script gt  x000D   x000D   lt div id  alert  gt  x000D    Alert x000D   lt  div gt  x000D   lt div id  add  gt  x000D    Add event x000D   lt  div gt  x000D   lt div id  remove  gt  x000D    Remove event x000D   lt  div gt  x000D   x000D   x000D

[jquery] how to change onclick event with jquery?

Examples related to jquery