2

Помогите,пожалуйста, есть код:

<label for="Bort">Борт у стены</label>
<input type="checkbox" onchange="calc()" id="Bort" name="cc" />
<label for="Bort2">покраска борта у стены </label>
<input type="checkbox" onchange="calc()" id="Bort2" name="cc" />

Как сделать, чтобы при запуске страницы был чекбокс: "Борт у стены", а при нажатии на него отображался второй чекбокс "покраска борта у стены"?

1 ответ 1

3

#Bort2,
#labelBort2 {
  opacity: 0;
}

#Bort:checked~#Bort2 {
  opacity: 1;
}

#Bort:checked~#labelBort2 {
  opacity: 1;
}
<label for="Bort">Борт у стены</label>
<input type="checkbox" id="Bort" name="cc" />
<label for="Bort2" id="labelBort2">покраска борта у стены </label>
<input type="checkbox"  id="Bort2" name="cc" />

4
  • отлично!Спасибо огромное!
    – Лиана
    22 фев 2018 в 8:57
  • Всегда пожалуйста....
    – Air
    22 фев 2018 в 8:58
  • 1
    С наступающим праздником)))не знаю у вас там празднуют 23 февраля?
    – Лиана
    22 фев 2018 в 9:03
  • 1
    Не празднуют, но внимание всегда приятно, благодарю....
    – Air
    22 фев 2018 в 9:10

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.