Javascript 单击时如何使标签不透明？

我希望在单击时，四行上选择的每个选项都变为不透明。我还需要把收音机藏起来。对不起，我的英语很差”/

---

请参见此处：

借助一点CSS——您需要将

不透明度：0.5

从

#包装标签上取下，并将其放在子项上，然后将不透明度更改添加到子项上的
：悬停
和
：选中
，如下所示：

#wrapper label {
    opacity: 1;
}

    #wrapper label input,
    #wrapper label span,
    #wrapper label img {
        opacity:0.5;
    }

    #wrapper label:hover input,
    #wrapper label:hover span,
    #wrapper label:hover img {
        opacity:1;
    }

    #wrapper label input:checked{
        visibility:hidden;
    }
    #wrapper label input:checked + span,
    #wrapper label input:checked + img {
        opacity:1;
    }

您要做的是将
输入绝对定位在屏幕外，并使用
：checked
伪选择器和
+
相邻同级选择器切换
标签的不透明度，如下所示：

#wrapper label {
    opacity: 1;
}

    #wrapper label input,
    #wrapper label span,
    #wrapper label img {
        opacity:0.5;
    }

    #wrapper label:hover input,
    #wrapper label:hover span,
    #wrapper label:hover img {
        opacity:1;
    }

    #wrapper label input:checked{
        visibility:hidden;
    }
    #wrapper label input:checked + span,
    #wrapper label input:checked + img {
        opacity:1;
    }

HTML

<input id="radio" type="radio">
<label for="radio">Label</label>

谢谢，帮了我很大的忙！我甚至没有看到这种可能性。我只是这些语言的同情者，我希望有一天我能全身心地投入到这些语言中去！我花了一整天的时间做这个愚蠢的页面，因为我需要学习一点构建它所需的一切。除了总是避免使用javascript^^。我希望学习新的东西我不喜欢使用javascript，我一直在尝试用css解决这类问题。你可能还不能投票，但是，如果在这里发布的答案中有一个能让你满意地回答你的问题，你可以接受它。