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<=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');         }     }); }); 

Answer 1

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()");

Answer 2

Remove the old event handler

$('#id').unbind('click'); 

And attach the new one

$('#id').click(function(){     // your code here });