Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.01.2022, 17:45
Интересующийся
Отправить личное сообщение для sega1821 Посмотреть профиль Найти все сообщения от sega1821
 
Регистрация: 30.10.2020
Сообщений: 29

Отобразить DIV при активном checkbox
Здравствуйте. При checkbox:checked необходимо показывать один контейнер относящийся к чекбоксу, но вместо этого, я могу нажать на несколько чекбоксов и откроются все контейнеры. Делаю это всё в contact form 7 где чекбоксы у меня исключительные, но и это не помогает.


<div class="container-1">
  <input type = 'checkbox' id = 'cb1' onchange = 'showOrHide("cb1", "cat1");'/>Показать содержимое категории 1
  <input type = 'checkbox' id = 'cb2' onchange = 'showOrHide("cb2", "cat2");' />Показать содержимое категории 2
  <input type = 'checkbox' id = 'cb3' onchange = 'showOrHide("cb3", "cat3");' />Показать содержимое категории 3 
</div>

<div class="container-2">
<div id = 'cat1' style = 'display: none;'>Содержимое категории 1</div>
<div id = 'cat2' style = 'display: none;'>Содержимое категории 2</div>
<div id = 'cat3' style = 'display: none;'>Содержимое категории 3</div>
</div>


function showOrHide(cb, cat) {
    cb = document.getElementById(cb);
    cat = document.getElementById(cat);
    if (cb.checked) cat.style.display = "block";
    else cat.style.display = "none";
  }
Ответить с цитированием
  #2 (permalink)  
Старый 23.01.2022, 18:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sega1821,
проблема то в чём?
Ответить с цитированием
  #3 (permalink)  
Старый 23.01.2022, 18:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sega1821,
вангую вам нужна открывашка, ищите по форуму, есть несколько сотен вариантов.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Коллеги, прошу помощи в реализации плавной смены блоков, при клике по checkbox? lebigan Общие вопросы Javascript 4 16.06.2017 10:42
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Смена класса у отдельного div при нажатии на ссылку Maxim-Ra Элементы интерфейса 6 15.02.2015 12:20
Автоматический старт при при горизонтальной прокрутке div блоков admin'ko Элементы интерфейса 3 13.02.2015 09:40
Сохранение цвета рамки DIV при нажатии, и сброс при нажатии на другой DIV этого класа Webtest Элементы интерфейса 3 29.06.2014 22:13