Как получить состояние переключателя switch JavaScript? Надо узнать что выбрано ::after или ::before

171

19 ноября 2018, 23:00

Имеется пример кода на странице сайта. Подскажите пожалуйста как при помощи внедряемого скрипта js получить состояние переключателя switch? Надо узнать что выбрано ::after или ::before ?

<span class="switch"> 
    <label for="NotificationCreate"> 
        <input id="NotificationCreate" class="switch-toggle switch-toggle-round" type="checkbox" onclick="return NotificationCreateCheckbox_Click.call(this);" value="1" name="NotificationsAllowed_272206075"></input> 
        <span class="switch-toggle-round-ui"> 
            ::before 
            ::after 
        </span> 
    </label> 
</span>

Или получить хотябы цвет переключателя, который меняется в зависимости от состояния переключателя. Когда выбран ::before, становится зеленым.

Answer 1

NotificationCreateCheckbox_Click = function(){ 
  console.log((this.checked) ? '::after' : '::before'); 
}

<span class="switch"> 
    <label for="NotificationCreate"> 
        <input id="NotificationCreate" class="switch-toggle switch-toggle-round" type="checkbox" onclick="return NotificationCreateCheckbox_Click.call(this);" value="1" name="NotificationsAllowed_272206075"> 
        <span class="switch-toggle-round-ui"> 
            ::before 
            ::after 
        </span> 
</label> 
</span>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

Подробнее о сайте site-vizitka-kiev.org.ua

ТОП-10

Все популярные вопросы

подключить папку в JS

есть папка models, controllers, routesВ данных папках есть JS файлы примерно такого вида:

171

javascript

Math.random функция javascript

} При нажатии на кнопку исполняется функция balanceUP Почему то на сайте, при нажатии постоянно срабатывает условие в случае которого сгенерированное...

269

javascript