我有類(都)的div,我想選擇和應用樣式給他們時,單選按鈕與ID(免費)被選中。 CSS選擇器如何看起來像?當單選按鈕被選中時如何選擇一個div
-3
A
回答
-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是真棒
-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。
相關問題
- 1. 當另一個單選按鈕被選中時如何取消選擇單選按鈕?
- 2. 當從列表中選擇一個項目時選擇一個單選按鈕
- 3. 如何選擇一個單選按鈕後選擇一個gridview
- 4. 選中單選按鈕時選div
- 5. 單選按鈕僅選擇第一個單選按鈕沒有其它無線電按鈕被選擇
- 6. 當單選按鈕被選中時,如何用JQuery替換HTML
- 7. 選擇在單選按鈕被替換在兩個div
- 8. 當我點擊另一個單選按鈕時,如何從單選按鈕選擇中清除內容?
- 9. 當單選按鈕被選中時,複選框變爲必需
- 10. 從show hide div中選擇一個單選按鈕
- 11. 如何選擇單選按鈕選項
- 12. 同時選擇兩個單選按鈕
- 13. 如何讓單選按鈕選擇另一個單選按鈕的值
- 14. 當單選按鈕被選中時,組合框未被禁用
- 15. 兩個單選按鈕一次選擇
- 16. 只有選擇一個單選按鈕
- 17. 只選擇一個單選按鈕
- 18. 動態選擇一個單選按鈕
- 19. wpf - 當單選按鈕被選中或者沒有單選按鈕被選中時,checkbox.isvisible是真實的
- 20. C#VS - 當選中一個單選按鈕時,取消選中另一個單選按鈕
- 21. 如何在2個按鈕被選中後取消選擇一個按鈕JToggleButton
- 22. 哪個單選按鈕一個按鈕組中選擇
- 23. 當您選擇一個單選按鈕時,在選擇div內部時放置文本。
- 24. 如何檢查,以確保一個單選按鈕被選中
- 25. 當我選擇單選按鈕
- 26. 如何在選擇複選框時使用javascript選擇一排單選按鈕
- 27. 當另一個按鈕被選中
- 28. Android Studio單選按鈕在選擇時未被選爲
- 29. 當我選擇單選按鈕,然後選擇所有單選按鈕。我只想要選擇一個單選按鈕
- 30. 按鈕單擊時設置單選按鈕被選中爲真
在SO上,您應該嘗試**自己編寫代碼**。後** [做更多的研究](//meta.stackoverflow.com/questions/261592)**如果你有問題,你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供** [最小,完整和可驗證示例](// stackoverflow.com/help/mcve)**。 – Rob