Состояние переключателя ползунка, измененное JavaScript: анимация не запускается ⇐ Javascript

[Anonymous]

При щелчке на плавном переключателе SLIDE (сделанный с CSS + ANPUT флажок под капотом), показывает анимация.
Однако при настройке проверенного из JS анимация не запускается. />

Код: Выделить всё

document.querySelector("div").onclick = () => {
document.querySelector("input").checked = false;
}< /code>
.switch {
appearance: none;
margin: 0 1rem;
padding: 1rem 2rem;
border-radius: 1rem;
background: radial-gradient(circle 0.75rem, white 100%, transparent 100%) transparent -1rem;
background-color: #ddd;
}
.switch:hover, .switch:active, .switch:focus, .switch:focus-visible, .switch:focus-within {
transition: all 0.3s;
}
.switch:checked {
background-position: 1rem;
}< /code>


[click me to disable via JS]

Подробнее здесь: https://stackoverflow.com/questions/797 ... -triggered