Javascript 根据选中或取消选中表单框隐藏/显示内容：这只能用css完成吗？

我可以使用ony-css显示或隐藏内容吗，其中隐藏或显示的内容取决于选中或取消选中表单框

或者我需要javascript来实现这一点

---

谢谢你的洞察力

AFAIK您可以通过JS使用CSS属性显示/隐藏内容。

---

就像使用Js更改“display”属性一样。

AFAIK您可以通过Js使用CSS属性显示/隐藏内容。

---

与使用Js更改“display”属性类似。

在某些情况下，可以通过以下方式完成此操作：

CSS:

HTML:

隐藏它如何显示我

---

请参见

在某些情况下，可以按照以下方式执行此操作：

CSS:

HTML:

隐藏它如何显示我

使用“相邻同级”选择器（

++

）和选中的

伪类，请参见是

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>

​此处演示：
是，使用“相邻同级”选择器（
+
）和选中的
伪类

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>

​此处演示：

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

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