如何隱藏標籤和「文本」 - 當「收音機」 - 輸入切換時輸入

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