Aderus
@Aderus

Как залить фон блока если выбран чекбокс?

Здравствуйте! Имеем такую структуру:
<div class="row">
        <div class="col-md-3">
          <div class="hideRadio">
            <img src="http://i013.radikal.ru/1606/23/77673ff2a869.png">
            <input type="radio" ng-model="typemat" value="bal1">
            <p>Балкон1</p>
          </div> 
        </div>
        <div class="col-md-3">
          <div class="hideRadio">
            <img src="http://i013.radikal.ru/1606/23/77673ff2a869.png">
            <input type="radio" ng-model="typemat" value="bal2">
            <p>Балкон2 </p>
          </div>
         </div>
        </div>


Если делаю так:
input[type=radio]:checked + p {
  color: #000;
  font-weight: bold;  
}

,то выделяется только текст в теге . А как мне закрасить серым фоном div блок c классом hideRadio?
Может это можно все прописать средствами Angular или как это делают в jQuery (добавляют класс,если radio checked)
Заранее спасибо.
  • Вопрос задан
  • 207 просмотров
Пригласить эксперта
Ответы на вопрос 3
27cm
@27cm
TODO: Написать статус
В CSS нет селектора родителя/предка. См. stackoverflow.com/questions/1014861/is-there-a-css...

Только через JavaScript.
Ответ написан
@SirMustache
Можно, например, на <div class="hideRadio"> добавить:
<div class="hideRadio"
ng-class="{'is-active': typemat === 'bal1'}">  <-- проверка на значение модели нужного радиобаттона.


https://jsfiddle.net/L4cLxp43/1/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы