选中单选按钮时如何选择div答案

【问题标题】：how to select a div when a radio button is checked选中单选按钮时如何选择div
【发布时间】：2025-12-27 19:25:12
【问题描述】：

我都有班级（两者）的divs，我想在选中带有ID（免费）的广播按钮时选择并将样式应用于它们。 CSS 选择器会是什么样子？

【问题讨论】：

在 SO 上，您应该尝试自己编写代码。在 doing more research 之后，如果您遇到问题，您可以发布您尝试过的内容，并清楚地解释什么不起作用并提供一个 Minimal, Complete, and Verifiable example.

标签： html css

【解决方案1】：

您可以使用 jQuery 来实现：

$('#free').change(function() {
    //if checkbox checked
    if(this.checked){
        $('.both').addClass('newstyle');
    }
    //if the checkbox is not checked or unchecked
    if(!this.checked){
        $('.both').removeClass('newstyle');
    }
});

这里有一个简单的 fiddle 来演示：https://jsfiddle.net/p3wc4ex6/1/

如果您正在寻找纯 CSS，G-Cyr's answer 很棒

【讨论】：

【解决方案2】：

CSS 选择器看起来像：

#free:checked ~ .both
#free:checked ~ .parent_of_both .both

这意味着#free 必须在流程中领先，而.both 必须是#free 的兄弟姐妹或兄弟姐妹。

一个带有标签和 css 隐藏无线电输入的示例 https://codepen.io/gcyrillus/pen/JFdEk。

如果 HTML 不符合 CSS 选择器要求，则需要 javaScript。

【讨论】：