Jotform Form Builder: Setting Conditional Logic to Hide or Show Certain Prices With Selected Criteria

  • Profile Image
    Asked on June 04, 2021 at 08:34 AM

    I tried to set conditional logic command to hide or show certain prices with selected criteria and it was not possible to do so with JotForm.

  • Profile Image
    Answered on June 04, 2021 at 10:12 AM

    Hello Nathan,

    Thank you for reaching out to us.

    Unfortunately, it is currently not possible to conditionally show/hide or disable products. Let me forward this to our backend team as a feature request. Please keep in mind that there’s no assurance whether this will be implemented. It will highly depend on the viability of the feature, the number of similar requests we get, along with the workload of our Developers. There is a little workaround, it is possible to achieve your requirement.

    Here is the step by step guide for you to follow:

    1. Drag and drop a “Single Choice” Form Element from the left panel to the form area.-3VMnyGvTYokET-GeqecAbVerNPhS32cSpG1SWYb
    2. Press the “Properties” button and change the “Use Calculation Values” field to the enabled, after that, you can fill your options to the “Options” area, prices to the values area which marked with number 4 in the screenshot.Jiweko9cx1dJYQq3v9-0UP_QbZPamubBlOQ-aexf
    3. Click the “Widgets” section from the left panel, drag and drop the “Form Calculation” widget after your product options.HKbpHLO56gb1dXavZebxzHwvq0L_KSIozsZcjBiC
    4. Click the widget settings from the right side of the widget, and click the “Add Field” button for selecting the calculation field.J-wB8e8FuetrSNo-tOqz7bZ17tyusSLeD1xeM1hH5F1HhsTFHLoJtqGp6sEYz4SxpiqAj3AXXcSlAMZN
    5. After selecting the field that you want to calculate, press little three dots placed after the numbers.1HlhNg2AZz3Q0zNeKQh5gLM2AruIOY2WfiguZteD
    6. You’ll see the Form Calculation Widgets settings in there. Select “Options” and check the “Result field is read-only” option. Don’t forget to save your settings before closing the tab.943usddce7dagdZk5su_S2nIzUp-GdfWOBqUMkp8
    7. You can replace these steps for your conditions and options.

    After finishing your adding steps, in this case, I am building a condition for the applicant’s gender, you need to hide Option and Form Wizard elements. You can make it simply by clicking the properties button and enabling the Hide Field selection placed in the Advanced section.


    Now you can apply your conditions to your form. I’ll add two conditions, one for if the user selects BOY in the gender question, show prices for boys. The second one is if the user selects GIRL in the gender question, show prices for girls. 

    1. Click the Settings (marked as 1) button to navigate to the Settings page.
    2. Click the Conditions button (marked as 2) to navigate to the Conditions page.
    3. Select Show / Hide condition
    4. Now, you need to add your condition. In my case, I’ll select If SEX is equal to MALE, SHOW Total Cost, and 2021-2022 Pricing Field. You can add conditions as much as you like.
    5. Save your condition.IUKAGku831ymJ5o5dGjdBz7ISJEpVlF16zTiSpst

    I hope this helps to solve your problem. You can click here to see my clone of your form.

    If you have any further questions or had something else in mind please let us know.