[英]How do I conditionally apply CSS to a class if a different class is present?
[英]apply a css class conditionally if another class exists jquery/rails
我有一個帶有復選框的表單-如果選中其中一個,則有一些jquery應用CSS類checkboxed
。
我在默認情況下隱藏的頁面的下方還有另一個div
但是,如果選中了任何形式的復選框,則它應該變得可見。
我想用這樣的東西
<div class="<%= "hide" unless checkboxed.exists? %>">
但顯然那是行不通的。 有沒有一種方法可以測試給定頁面上是否存在CSS類? 我知道我將不得不使用jQuery,但是如何將其與隱藏div
的條件CSS類綁定在一起?
您需要將顯示邏輯的div添加到您對復選框做出反應的地方。添加可能如下所示:
if($('.checkboxed').length)
$('#hiddenDiv').show();
您的隱藏div必須具有一個ID,在這里我假定為id="hiddenDiv"
。
var checkbox = $('checkbox').attr("checked");
if (checkbox == 'checked') {
$('#divID').show(); // #divID is the ID for the hidden DIV which you want to show.
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.