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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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