¿Cómo eliminar "onclick" con JQuery?

Código PHP:

<a id="a$id" onclick="check($id,1)" href="javascript:void(0)"  class="black">Qualify</a>

Quiero eliminar el onclick="check($id,1)para que no se pueda hacer clic en el enlace o " check($id,1)no se activará. ¿Cómo puedo hacerlo con JQuery?"

Old Way (anterior a 1.7):

$("...").attr("onclick", "").unbind("click");

Nueva forma (1.7+):

$("...").prop("onclick", null).off("click");

(Reemplazar ... con el selector que necesita).

// use the "[attr=value]" syntax to avoid syntax errors with special characters (like "$")
$('[id="a$id"]').prop('onclick',null).off('click');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<a id="a$id" onclick="alert('get rid of this')" href="javascript:void(0)"  class="black">Qualify</a>

Sé que esto es bastante antiguo, pero cuando un extraño perdido encuentra esta pregunta buscando una respuesta (como lo hice yo), esta es la mejor manera de hacerlo, en lugar de usar removeAttr ():

$element.prop("onclick", null);

Citando el doku oficial de jQuerys :

"La eliminación de un controlador de eventos onclick en línea con .removeAttr () no logra el efecto deseado en Internet Explorer 6, 7 u 8. Para evitar problemas potenciales, use .prop () en su lugar"

Eliminar onclickpropiedad

Suponga que agregó su evento de clic en línea, así:

<button id="myButton" onclick="alert('test')">Married</button>

Luego, puede eliminar el evento de esta manera:

$("#myButton").prop('onclick', null); // Removes 'onclick' property if found

Eliminando clickdetectores de eventos

Suponga que agregó su evento de clic definiendo un detector de eventos, como este:

$("button").on("click", function() { alert("clicked!"); });

... o así:

$("button").click(function() { alert("clicked!"); });

Luego, puede eliminar el evento de esta manera:

$("#myButton").off('click');          // Removes other events if found

Quitando ambos

Si no está seguro de cómo se agregó su evento, puede combinar ambos, así:

$("#myButton").prop('onclick', null)  // Removes 'onclick' property if found
              .off('click');          // Removes other events if found

si está usando jquery 1.7

$('html').off('click');

más

$('html').unbind('click');

Es muy fácil usar removeAttr.

$(element).removeAttr("onclick");

Después de esforzarme tanto con bind, unbind, on, off, click, attr, removeAttr, prop, lo hice funcionar. Entonces, tengo el siguiente escenario: En mi html NO he adjuntado ningún controlador onclick en línea.

Luego, en mi Javascript, utilicé lo siguiente para agregar un controlador onclick en línea:

$(element).attr('onclick','myFunction()');

Para eliminar esto en un momento posterior de Javascript, utilicé lo siguiente:

$(element).prop('onclick',null);

Esta es la forma en que funcionó para mí vincular y desvincular eventos de clic dinámicamente en Javascript. Recuerde NO insertar ningún controlador onclick en línea en sus elementos.

¿Qué pasa si el evento onclick no está directamente en el elemento, sino en el elemento principal? Esto debería funcionar:

$(".noclick").attr('onclick','').unbind('click');
$(".noclick").click(function(e){
    e.preventDefault();
    e.stopPropagation();
    return false;
});

Pruebe esto si desvincula el evento onclick por ID. Luego use:

$('#youLinkID').attr('onclick','').unbind('click');

Intente esto si desvincula el evento onclick por Class Luego use:

$('.className').attr('onclick','').unbind('click');