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

  • Profile Image
    rinalubit
    Asked on July 02, 2019 at 04: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!!

  • Profile Image
    BDAVID
    Answered on July 02, 2019 at 05:55 PM

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

    1562103778fourfields.png

    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.gif

    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.png

    1562104376condition2.png

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

    1562104478result.gif

    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.