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

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

我希望在启用单选按钮“否”时隐藏标签“成员 ID”和“密码”及其相应的“文本”输入。有谁知道这个问题有什么解决方案？这将有很大的帮助！

Answer 1

看看这个问题： 选中单选按钮标签的 CSS 选择器

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