Как вызвать событие onclick перед изменением отмеченного свойства?

Question

Простой пример:

<input type="checkbox" id="cb" />   

document.getElementById("cb").onclick = function(){
    if(this.checked){
        console.log("Change from checked to unchecked");
    } else {
        console.log("Change from unchecked to checked");         
    }
};  

Но когда я запускаю его, это дает противоположный результат.
И я пришел к выводу, что свойство checked изменяется до onclickсобытие запущено.
Итак, мой вопрос: как я могу запустить событие onclick до изменения свойства checked?

Answer 1

<input type="checkbox" id="cb" />   

document.getElementById("cb").onchange = function(){
    if(this.checked){
        console.log("Change from unchecked to checked");
    } else {
        console.log("Change from checked to unchecked");         
    }
};

Answer 2

Вы должны использовать событие onchange вместо onclick.

UPDATE:

ваш если условие неверно, при проверке элемента управления вы видите Изменить с проверенного на непроверенный