Здравствуйте. Подскажите, пожалуйста, как при выборе checkbox с id="ru"
активировать блок .block-ru
, а при выборе checkbox с id="ua"
активировать блок .block-ua
? При этом, при выборе одного checkbox, другой должен дезактивироваться, а при повторном нажатии на уже активированный checkbox, этот активированный checkbox также должен дезактивироваться. Можно ли такое реализовать? Спасибо!
.block-ru,
.block-ua {
display: none;
}
<div id="block-box">
<label class="label_ru"><input type="checkbox" name="ru" id="ru" value="1">Россия</label>
<label class="label_ua"><input type="checkbox" name="ua" id="ua" value="1">Украина</label>
</div>
<div class="block-ru">Выбрана Россия</div>
<div class="block-ua">Выбрана Украина</div>