當單選按鈕被選中時如何選擇一個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

回答

相關問題