Изменение атрибута onclick javascript

Question

У меня есть сценарий, который позволяет моим пользователям блокировать/разблокировать пользователей. Они оба находятся в одной и той же функции «blockToggle (type, user, button)», и в зависимости от типа (либо блочного, либо разблокированного) он выполняет этот скрипт. Но то, что я пытаюсь сделать, - это если у текущего пользователя нет другого заблокированного пользователя, они могут заблокировать их кнопкой, но когда пользователь нажимает кнопку, они должны обновить страницу, чтобы разблокировать пользователя. Я хочу, чтобы атрибут onclick сразу изменился, как только пользователь нажмет на него, не обновляя страницу. Вот несколько вещей, которые я пробовал :.

document.getElementById("blockBtn").onclick = "blockToggle('unblock', 'user', 'blockBtn')"; 

document.getElementById("blockBtn").setAttribute("onClick", "javascript: blockToggle('unblock', 'user', 'blockBtn')"; 

document.getElementById("blockBtn").onclick = function(){ "blockToggle('unblock', 'user', 'blockBtn')"}; 

Ни один из этих решений не работал для меня. И я не мог найти решение от поиска Google. Есть ли что-нибудь, что я наблюдаю здесь? Я уверен, что ответы прямо передо мной.

Answer 1

Я не знаю, как ваша функция blockToggle() выглядит, но попробовать это, без лишних кавычек:

document.getElementById("blockBtn").onclick = function(){ 
    blockToggle(unblock, user, blockBtn); 
}; 

Я предполагаю, что ваша функция blockToggle объявляется и unblockuser & blockBtn объявлены переменные также.

Answer 2

Держитесь подальше от установки обработчиков в виде строк. Просто используйте обычную анонимную функцию, которая вызывает ваш blockToggle.

document.getElementById("blockBtn").onclick = function(){ 
    blockToggle('unblock', 'user', 'blockBtn'); 
};