How to have text boxes appear under each individual checked box?

  • rinalubit
    Asked on July 2, 2019 at 4:00 PM

    Hi,

    I know that conditionals can make it so that if a checked box is selected, below the question one or multiple fields can appear. Is it possible to have the fields appear below the checked box in the question? 

    Essentially, what I would like is to have a question (ex: "Please select which (if any) of the following Employment-related recommendations your agency has implemented") with multiple checkboxes. If a checkbox (ex: "Increase access to respectful...") is clicked, below that checkbox but above the next checkbox ("Provide individual-level support...") appears 4 fields: Agency Implementation/Action Steps; Anticipated Date of Completion; Outcome(s); Notes/Comments.

    If the next checkbox ("Provide individual-level support...") is ALSO checked, then 4 fields that are identical to the 4 I just described appears below that checkbox but above the next ("Provide TGNC-specific..."). 

    Theoretically, an agency could check off every checkbox as something the agency has done, and explain exactly what they did for each separate checkbox. However, the form would record them as separate answers.

    Is this something that can be only done in CSS? I'm afraid I'm not very good at using it but I can try. I hope this request makes sense.

    Thank you!!

  • David JotForm Support Manager
    Replied on July 2, 2019 at 5:55 PM

    If I understood correctly, you would like to display 4 fields below each checkbox, example:

    1562103778fourfields Screenshot 10

    If that is correct, the only way would be to put each of those options in a separate "Mutliple Choice" field, and below each of the the 4 fields you want to display, example:

    1562104223formexample Screenshot 21

    Then, you would need to create conditions to show the fields if the checkbox was filled: https://www.jotform.com/help/196-Hide-or-Show-Multiple-Fields-at-Once

    Example:

    1562104364condition1 Screenshot 32

    1562104376condition2 Screenshot 43

    Result: https://form.jotform.com/91827084036964

    1562104478result Screenshot 54

    Yo may clone my demo to inspect it further: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need more help, we will be glad to assist you.