How to remove existing javascript function for button

Question

<input name="mybutton" type="button" class="agh" id="id_button" value="Dim" onClick="resetDims();">

In the above input tag, I have to delete everything "Onclick = myfunction ();" and its function for the input tag and write my functionality for this button when we "click"

$("#mybutton").onclick(function(){
  //$("#mybutton").removeattr("onClick","");
})

Answer 1

If you need to remove the onclickon-demand attribute , use

$('#id_button').removeAttr('onclick').click(function(){
});

Take a second look at the selector. You need to request IDyour fragment is trying to select mybuttonas an identifier, which is the name of the element.

Answer 2

unbind, onclick inline model. unbind jQuery. :

document.getElementById("id_button").onclick = null;

// you can still get the element using the jQuery shorthand though
// the point is to get at the DOM element onclick property
$("#id_button")[0].onclick = null;

: http://jsfiddle.net/ax52z/

Answer 3

Use unbindto remove event listeners.

$("#mybutton").click(function(){
  $(this).unbind("click");
})

(also $().click,, not onclick)

Answer 4

You can use the jQuery unbind function if you want to remove the click event.

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