如何在“无线电”输入切换时隐藏标签和“文本” - 输入

Question

这是我的html文件中的代码，我使用CSS使其看起来像一个应用程序表单。我不得不删除一些标签，以便显示我输入的所有html代码。

<label>Member</label>
<input type="radio" name="Answer" value="Yes"/>Yes<br/>
<input type="radio" name="Answer" value="No"/>No<br/>
<label>MemberID:</label> input type="text" name="MemberID" size="30" /><br/>
<label>Password:</label> input type="text" name="Password" size="25"/><br/>

我希望在启用单选按钮“no”时隐藏标签'MemberID'和'Password'及其相应的“text”输入。有谁知道这个问题有什么解决方案？这将是非常有帮助的！

Answer 1

看看这个问题： CSS selector for a checked radio button's label

input[type="radio"]:checked+label{ /*styles*/ } 

Answer 2

您必须更改输入和标签的顺序

<input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" />
<label for="radio-choice-1">Choice 1</label>

那你的css就是

input[type="radio"]:checked+label {....}