选中子单选按钮时，为父标签元素设置样式

Question

我有一个包含单选按钮的label元素，此结构的原因是使标签可以点击。

<label><input type="radio" name="checkbox" value="128GB">128GB</label>

但是，如果选中该按钮，我需要设置标签的样式。我知道没有父选择器，所以如何在不失去标签点击能力的情况下实现这一目标？有没有使用JavaScript的解决方案？

Answer 1

<input type="radio" name="checkbox" value="128GB" id="checkbox" />
<label for="checkbox">128GB</label>

然后您可以选择：

input[type="radio"]:checked+label