Как поставить условие «если инпут обёрнут в класс active»?

Question

[Руслан Тимурзиев]

<div class="btn-group" data-toggle="buttons">
                  <label class="btn btn-primary active">
                    <input type="radio" name="options" id="all" autocomplete="off" checked>Барлык
                  </label>
                  <label class="btn btn-primary">
                    <input type="radio" name="options" id="expEarth" autocomplete="off">Жер
                  </label>
                  <label class="btn btn-primary">
                    <input type="radio" name="options" id="expAir" autocomplete="off">Ауа
                  </label>
                </div>

Answer 1

[Дмитрий Еремин]

Не совсем понятно, куда конкретно вы хотите вкрутить эту проверку и на каком этапе

Общее решение (без jQuery) такое:

var myInput = document.getElementsByTagName('input')[0]; //только вот тут нада условие выбора, какой конкретно инпут

if (myInput.parentElement.classList.contains('active')) //вот тут мы берем наш инпут, смотрим его предка. У предка просим список классов и проверяем, есть ли в списке наш
{
  console.log(myInput.checked);
   /////magic here
}

Comments

[Руслан Тимурзиев]

Привет. В вопросе я спрашивал, чтобы не инпут имел класс active, а его родитель label. В коде так: label имеет класс active, внутри него лежит инпут. И условие нужно: если конкретный класс инпута на данный момент имеет родителя label с классом active, то мы там что-то делаем.

[Дмитрий Еремин]

Руслан Тимурзиев: так. если кликают в радио-кнопку, то смотрим, активен ли у него лэйбл, так?
ок, обновил ответ