Як видалити "onclick" за допомогою JQuery?

PHP-код:

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

Я хочу видалити onclick="check($id,1)так, щоб посилання не можна було натискати або " check($id,1)не буде видалено " . Як це зробити за допомогою JQuery?

Старий шлях (до 1,7):

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

Новий шлях (1.7+):

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

(Замініть ... потрібним вам селектором.)

// 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>

Я знаю, що це досить старе, але коли загублений незнайомець знаходить це питання, шукаючи відповідь (як я), то це найкращий спосіб зробити це, замість того, щоб використовувати RemoveAttr ():

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

Посилаючись на офіційний документ jQuerys :

"Видалення вбудованого обробника подій onclick за допомогою .removeAttr () не досягає бажаного ефекту в Internet Explorer 6, 7 або 8. Щоб уникнути потенційних проблем, використовуйте .prop () замість цього"

Видалення onclickвласності

Припустимо, ви додали події клацання в рядку, наприклад:

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

Потім ви можете видалити подію так:

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

Видалення clickслухачів подій

Припустимо, ви додали подію натискання, визначивши слухача події, наприклад:

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

... або так:

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

Потім ви можете видалити подію так:

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

Видалення обох

Якщо ви не впевнені, як додано вашу подію, ви можете комбінувати обидва, наприклад:

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

якщо ви використовуєте jquery 1.7

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

ще

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

Це дуже просто за допомогою RemoveAttr.

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

Після настільки важких спроб прив’язати, відв’язати, увімкнути, вимкнути, натиснути, attr, RemoveAttr, prop, я змусив його працювати. Отже, у мене є такий сценарій: У своєму HTML я не додав жодних вбудованих обробників onclick.

Потім у своєму Javascript я використав наступне, щоб додати вбудований обробник onclick:

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

Щоб видалити це згодом з Javascript, я використав наступне:

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

Це так, як для мене працювали, щоб зв'язувати та відв'язувати події клацання динамічно в JavaScript. Не забудьте НЕ вставляти будь-який вбудований обробник onclick у ваші елементи.

Що робити, якщо подія onclick не безпосередньо від елемента, а від батьківського елемента? Це має працювати:

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

Спробуйте це, якщо від’єднати подію onclick за ідентифікатором. Потім скористайтеся:

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

Спробуйте це, якщо ви від’єднаєте подію onclick по класу. Потім використовуйте:

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