html - 如何在切换 "text"输入时隐藏标签和 "radio"输入

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

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

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