justinmind-logo
 
Upvote 3

How to make check box show another element on checked and hide on unchecked?

Answered Victor Conesa 10 years ago

How to make check box show another element on checked and hide on unchecked?

Replies (2)
photo
1

Hello,


To show an element when a checkbox is checked and hide the element when it is unchecked,


1. Make the element that you what to show/hide is set as hidden by default. This can be done under the "Properties" window


2. Select the check box > Right click > Add Event


3. "On click" interaction > Add a Condition > Drag the checkbox in the "When" box, Click OK


4. Go to the Show/Hide section > Click the element you want to show when the box is checked


5. Under the "Events" window, click "else" > Go to the Show/Hide section > Click the element you want to hide when the box is unchecked


Let me know if further clarification is needed.


Hope this helps

photo
1

This no longer works with the new version. Can you please clarify for the newest version of Justinmind?

Thank you

photo
1

Apologies for the late reply, Andrew! A more efficient way of accomplishing this is to use the 'on toggle' event for a checkbox. Check out the attached prototype to see this event.

photo
Leave a Comment
 
Attach a file