apply a css class conditionally if another class exists jquery/rails

Question

I have a form with checkboxes - if one of these is checked, there is some jquery that applies the css class checkboxed.

I have another div further down the page that is hidden by default - but if any of the form checkboxes are checked, it should become visible.

I'd like to use something like this

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

but obviously that doesn't work. Is there a way to test if a css class exists on a given page? I know I'll have to use jQuery, but how to then tie this in with the conditional CSS class in the hidden div?

Andrew · Accepted Answer · 2013-10-17 12:11:49Z

1

You need to add the div showing logic to the place where you react to checking a box.The addition might look like this:

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

Your hidden div must have an ID, here I assumed id="hiddenDiv".

answered Oct 17, 2013 at 12:11

Andrew

1,2038 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JackH · Accepted Answer · 2013-10-17 12:12:04Z

0

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

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

answered Oct 17, 2013 at 12:12

JackH

4,7454 gold badges39 silver badges65 bronze badges

Collectives™ on Stack Overflow

apply a css class conditionally if another class exists jquery/rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related