What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Is it possible to make radio buttons with sub button for each option?

    Asked by junglejamjohn on October 05, 2011 at 10:14 PM

    EXAMPLE:

    Choose Hotel

       _ Hotel A

             _  Standard Room   _ Ocean View   _ Pimp Suite

       _ Motel B

             _ Standard   _ Cooler Room   _ Super Bitchen Room

       _ B&B C

             _ Dumpy   _ Passable   _ Over Priced

     

    Is this possible? Also, I'd like the sub options to be mandatory and hidden until the primary option is selected.

    Page URL:
    http://www.jotform.com/form/12750308896

  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 05, 2011 at 10:41 PM

    John,

    You may use conditions to show another radio button depending on the option selected in your main radio button field. What you need to do is to create three different sub-option radio button, then set up conditions to show them when the corresponding option is selected. Take a look at this sample form to see what I mean.

    Here is how I have set up the conditions on that form:

    Please click the link below to learn more about conditions:

    Conditional logic on forms

  • Profile Image

    Answered by junglejamjohn on October 06, 2011 at 12:23 AM

    Nifty solution! Thanks.

  • Profile Image

    Answered by junglejamjohn on October 06, 2011 at 08:17 PM

    How can I copy the example form that you created into my my existing form?

    Also, I noticed on your example form that the text of the options in your radio buttons are actually links. That is exactly what I need to do! Can you tell me how you accomplished that?

  • Profile Image

    Answered by yasinco on October 06, 2011 at 08:21 PM

    1. Click The New Form Button

    2. Click Import Form

    3. Click From A Webpage

    4. Enter The Url

    5. Click Continue

    Thats It And The Form Will Copy!

    ~Yasin

  • Profile Image

    Answered by fxr on October 06, 2011 at 08:44 PM

    hello junglejamjohn,

    he made his options into links by wrapping HTML tags around them.

    as shown here. 

    The syntax is: (if you want to copy and paste)

    <a target="_blank" href="http://www.google.com" rel="nofollow noopener">Hotel A</a>

     

    I am sure Neil wont mind if you clone his form to use as a basis for your own.

    Let us know if you need any help with anything else.

  • Profile Image

    Answered by junglejamjohn on October 07, 2011 at 12:00 AM

    Thanks Yasin and Fxr. However, I do not want to create a new form by cloning niel's form. I would like to put neils solution into my existing form. Is that possible. I'm sure I can do it myself easily enough using the conditions tool, but the way he put the sub options side by side is nice. I'm sure I can figure that out, too, but i was trying to be lazy about it.

    Fxr, thanx for the html tag syntax. Interesting/frustrating thing: I pasted your syntax in the option text field and then looked at the preview. The link worked. However, when I click back into the option text field, the syntax disappears and I am olny left with, don't know what to call it, the "target" example: I copy in "<a target="_blank" href="http://www.google.com" >Hotel A</a>. Then when I click back into the field to change the option, the syntax disappears and I am left with just "Hotel A."

     

    Having fun, john

  • Profile Image

    Answered by junglejamjohn on October 07, 2011 at 12:03 AM

    my form has a new url: http://www.jotform.com/?formID=12781136943

  • Profile Image

    Answered by allanftd on October 07, 2011 at 12:45 AM

    Hi John,

    Please delete the extra texts in your options as shown below:

    Please try and let us know how it goes. 

    Thanks,
    Allan

     

     

  • Profile Image

    Answered by junglejamjohn on October 12, 2011 at 08:16 PM

    Deleting the extra text does not work. Whe I click back into the options text field, the syntaxt dissapears, the link goes away, and I am left with only the target that was defind in the original syntax. This means if I want to change the text of the target, like from "Hotel A" to "Four Seasons," I have to retype the entire syntax. Same happens if I want to change the syntax or edit the "extra text" For example, i write "<a target="_blank" href="http://www.google.com" rel="nofollow noopener" rel="nofollow">EXAMPLE</a>" into the options field. Works great in the preview. Then I click back into the field to edit something, and the syntax disappears, and I am left with just EXAMPLE in the field, nothing else. Am I doomed to alway need to retype the syntax every time I need to change the hotel name and web address or extra text?

  • Profile Image
    JotForm Support

    Answered by abajan on October 13, 2011 at 05:34 AM

    To prevent that from happening, do NOT edit the options in the field itself. Click the field and then make the changes in the Options window, click "OK" and save the form:


    Does this help?

  • Profile Image

    Answered by junglejamjohn on October 13, 2011 at 02:12 PM

    Yes, helpful, thanks.

  • Profile Image

    Answered by allanftd on October 13, 2011 at 02:17 PM

    We're glad to hear that you got it to work finally, John. Let us know if you have any other questions or concerns.

    Thanks,
    Allan