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

    radio button selection doesn't work: no response when button is clicked

    Asked by bbtuna on January 11, 2015 at 10:33 AM

    Hello there,

    I have made an jotform order form for my website where I ask the buyer to select a bamboo colour. Now it seems there is a problem with the radio button selection. It is not possible to select a colour and because this field is required it was impossible to submit the form. First I tried to make a new colour selection with tick boxes, but this also didn't work. I've now changed the radio button selection to have one colour preselected so the form can always be submitted by the buyer. But it's still impossible to make the selection. Can you help me in solving this issue?

     

    The form on my website is situated at http://www.greentunadesign.be/greentunadesign/order_form_greentunadesign.html

    or you can see it at http://form.jotformeu.com/form/43403992478363 (but on this page the problem does not occur)

    Kind regards,

    e*

     

    Page URL:
    http://www.greentunadesign.be/greentunadesign/order_form_greentunadesi<br/>gn.html

    Selection doesn't work JotForm order form problem
  • Profile Image

    Answered by Shadae on January 11, 2015 at 01:04 PM

    Hi bbtuna,

    It appears that there is a conflict with the websites code and your forms code, that is cause the issue with the radio button not being able to be selected.

    Please try to embed your form on your website using the iFrame embed code, this will prevent the websites code from conflicting with your forms code.

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    I hope this helps! Please inform us if you need further assistance.

  • Profile Image

    Answered by bbtuna on January 11, 2015 at 01:57 PM

    Hi Shade, Thanks for the quick reply. I've updated the form on the site to use the iframe code like you said, but the problem with the radio buttons for colour is still there. I also tested if it works with the iweb embed code, but the problem persists there too. 

    Some extra info: The site was made in iweb and before changing it now I used the following code in an HTML snippet

    "<script type="text/javascript" src="//form.jotformeu.com/jsform/43403992478363"></script>"

    In the past this form has worked like it was, as some buyers were able to submit the form. And also strange: the radio button selection for payment option does work on that same form. How is that possible?

    Can you help me solve this?

    Kind regards,

    e*

  • Profile Image
    JotForm Support

    Answered by Welvin on January 11, 2015 at 04:25 PM

    Hi,

    It's working fine here when I access your website through Chrome, Firefox and IE11 (Win 7).

    Please try clearing your browser's cache and cookies for Jotform then reload the page. You are now using our iFrame method and that should fix the script conflict problem.

    Thanks

  • Profile Image

    Answered by bbtuna on January 12, 2015 at 07:27 AM

    Thanks for the input.

    It didn't work in my firefox browser, but I found what was causing the problem there! It was the transparant part of the round image with the 2 colours that was rectangular and was in front of the radio buttons. Firefox showed this with a shadow around it. See attachment. 

    Many thanks,

    e*

     

  • Profile Image
    JotForm Support

    Answered by Welvin on January 12, 2015 at 07:46 AM

    Oh! great that you've managed to identify the cause. In that case, put z-index to the image to move it backward the form.

    OR, move the image to the far left side.

    If you require any further assistance, feel free to contact us.

    Thanks