当单选按钮被选中时如何选择一个div

-3

我有类（都）的div，我想选择和应用样式给他们时，单选按钮与ID（免费）被选中。 CSS选择器如何看起来像？当单选按钮被选中时如何选择一个div

2017-10-07 Ahmet Ömer

在SO上，您应该尝试**自己编写代码**。后** [做更多的研究]（//meta.stackoverflow.com/questions/261592)**如果你有问题，你可以**发布你已经尝试**与清楚的解释是什么是'工作**并提供** [最小，完整和可验证示例]（// stackoverflow.com/help/mcve)**。 – Rob

-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'); 
    } 
});

下面是一个简单的小提琴证明：https://jsfiddle.net/p3wc4ex6/1/

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

来源

2017-10-08 00:57:39 Aquious

-1

CSS选择器会或者看起来像：

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

这意味着必须#free提前在流动和.both一个sibbling或#free一个sibbling内部。

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

如果HTML与CSS选择器要求不匹配，则需要使用javaScript。

来源

2017-10-08 01:04:23

当单选按钮被选中时如何选择一个div

回答

相关问题