How to Hide or Show Multiple Fields Conditionally

September 18, 2022

This guide highlights how to show or hide multiple form fields at once using Conditional Logic. This can be useful if you need to show follow-up questions based on the form filler’s answers. This can also help in tidying up your form by making fields visible only when needed.

As an example, a Conditional Logic will be applied to the “Are you bringing a partner?” question on this demo form to show a set of follow-up questions if the form filler answered “Yes.”

form-builder-hidden-partner-fields-min

Here’s how:

  1. Go to the Settings tab in the Form Builder.
  2. Click Conditions on the left.
  3. Select the Show/Hide Field option.
form-builder-show-hide-field-min
  1. Set up the condition and action in the next window. In the example form, the Conditional Logic would be as follows:
form-builder-show-partner-fields-min

To break that down:

  • The condition or IF statement is set to check if the “Are you bringing a partner?” question is equal to “Yes.”
  • The DO statement — Show Multiple — will show all the selected fields if the condition is met and hide them otherwise.
    Note: Use Ctrl+Click or Shift+Click to select multiple fields.
  1. Click the Save button to save the changes.

If you have any questions, let us know in the comments below or reach out to Jotform Support.

Academy Logo

Introduction to Form Building

Adding Conditional Logic Elements

Go to course :Adding Conditional Logic Elements
lesson-2 - image
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Jesse Oppatt - Profile picture
  • MIGUEL ANGEL LESLYE - Profile picture
  • Heide Werthamer - Profile picture