Скрыть / показать материал в соответствии с установкой или снятием флажка формы: это можно сделать только с помощью css?

Question

Могу ли я показать или скрыть что-либо, используя только css, где то, что скрывается или отображается, зависит от того, установлен ли флажок или снят флажок в форме?

Или для этого мне нужен JavaScript?для вашего понимания !!

Answer 1

Да, с помощью селектора «смежный брат» (+) и псевдокласса checked.

HTML

<label>Box 1: <input type="checkbox"><span>Box 1 is checked.</span></label>
<label>Box 2: <input type="checkbox"><span>Box 2 is checked.</span></label>
<label>Box 3: <input type="checkbox"><span>Box 3 is checked.</span></label>

CSS

​label {display:block;}
input[type="checkbox"] + * {display:none; margin-left:1em;}
input[type="checkbox"]:checked + * {display:inline;}

Демо здесь: http://jsfiddle.net/LSF3C/

Answer 2

Это может быть сделано при определенных обстоятельствах по следующим направлениям:

CSS:

input[type="checkbox"]:checked+div{ display:none; }​

HTML:

<input type="checkbox">hide it</input><div>show me</div>

См. Пример js fiddle

Answer 3

AFAIK вы можете показать / скрыть вещи, используя свойства CSS через JS.
Как изменение свойства display с помощью Js.