Скрыть/показать checkbox

291
23 февраля 2018, 20:09

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

<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" />

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

Answer 1

#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" />

READ ALSO
Сравнить время JS
javascript

Сравнить время JS

Всем привет, мне нужно сравнить текущее время с временем из определенной колонки и последней строки таблицыВот код который сейчас написан:

 264
Цепные методы в JS
javascript

Цепные методы в JS

Поставлена задача: написать калькулятор, который включает в себя различные операции (+ - * / ^) с поддержкой цепных методовТак же должен учитываться...

 359
Кастомный синтаксис post-css
javascript

Кастомный синтаксис post-css

Прошу помощи в решении задачиПри написании плагина post-css хотелось бы ввести несколько ключевых слов в правила css, например:

 353
CentOS Запуск .js файлов в фоновом режиме
javascript

CentOS Запуск .js файлов в фоновом режиме

Есть js файл и php файлPHP файл лежит на сервере и будет принимать данные post от js, который нужно чтобы работал в фоновом режиме целыми днями

 350