Html 我想在选中特定单选按钮时显示隐藏的表单元素？

我似乎找不到这样做的方法，我可以通过neares单选按钮让它工作，但没有具体的方法

下面是我的一段代码，它几乎满足了我的需要：

...
Are you a supplier?:<br />
<input type="radio" name="supplier" id="supplier_no" value="0"/> No<br>
<div>
<input type="radio" name="supplier" id="supplier_yes" value="1"/> Yes
<br /><br />
<div class="languagereveal1">
What Language do you work with?:<br />
<select name="language1" value="">
...

我想要的是“否”单选按钮之前的“是”单选按钮

我想一定有办法在CSS的“input[type=“radio”]”位中指定使用ID，我尝试过使用我知道的东西，但似乎不正确，我四处查看了一下，但找不到任何东西

感谢您的帮助。

如果您想将“是”按钮移到“否”之前，则HTML结构选择器将：

#供应商#是：选中~div>.languageEval1{
不透明度：1；
最大高度：100px；
溢出：可见；
}

或

input[type=“radio”]：选中~div>。LanguageEval1

也可以工作

---

演示：

您好，谢谢！我必须记住这是如何在CSS中通过ID指定的。我可以问一下，为什么需要介于是和否之间，以及div>在CSS中的含义是什么？您需要

div

between，因为

~

是它水平匹配的同级选择器。所以

input[type=“radio”]：checked~。languageEval1

表示在选中单选按钮后“获取”同级同级。您没有这样的同级，因为

.languageEval1

位于

div

中。但是，单选按钮具有具有直接子级（

selector）

.languageEval1

的div同级。

.languagereveal1 {
opacity: 0;
max-height: 0;
overflow: hidden;
}

input[type="radio"]:checked ~ .languagereveal1 {
opacity: 1;
max-height: 100px;
overflow: visible;
}