appliquer une classe css conditionnellement s'il existe une autre classe jquery/rails

Question

J'ai un formulaire avec des cases à cocher - si l'une d'elles est cochée, il y a une requête jquery qui applique la classe css checkboxed.

J'ai une autre div plus loin sur la page qui est masquée par défaut - mais si une des cases du formulaire sont vérifiés, il doit devenir visible.

Je voudrais utiliser quelque chose comme ça

<div class="<%= "hide" unless checkboxed.exists? %>"> 

mais évidemment cela ne fonctionne pas. Existe-t-il un moyen de tester si une classe css existe sur une page donnée? Je sais que je vais devoir utiliser jQuery, mais comment lier ceci avec la classe CSS conditionnelle dans le div caché?

Answer 1

Vous devez ajouter la logique montrant div à l'endroit où vous réagissez à vérifier un ajout box.The pourrait ressembler à ceci:

if($('.checkboxed').length) 
    $('#hiddenDiv').show(); 

Votre div caché doit avoir une carte d'identité, ici, je supposais id="hiddenDiv".

Answer 2

var checkbox = $('checkbox').attr("checked"); 

if (checkbox == 'checked') { 
    $('#divID').show(); // #divID is the ID for the hidden DIV which you want to show. 
}