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

Форум по Javascript
Ответить
Anonymous
 Состояние переключателя ползунка, измененное 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»