如何隐藏标签和“文本” - 当“收音机” - 输入切换时输入

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

我想要的标签“MEMBERID”和“密码”和它们对应的“文本” -inputs启用单选按钮“不”的时候被隐藏。有谁知道这个问题有什么解决办法吗？这将非常有帮助！

Answer 1

你将不得不改变输入的顺序和标签

<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 {....} 

Answer 2

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

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