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

    pre populate check/tick boxes more than one

    Asked by andypenn on September 24, 2012 at 12:22 PM

    I have been sent information on how to do this but the informtaion does not coenside with, with reality , headings that I informed are under icons are not there I have asked this question twice now and had the same reply, is there somebody that look into this, I am instructed that under the gear icon I will find source, it is not here,  can somebody give me walk through instruction, I also asked where/ how I can edit the form source code, to edit the form from there , I have had no reply.

     

    please advise me

  • Profile Image
    JotForm Support

    Answered by Rodjit on September 24, 2012 at 12:49 PM

    Hi andypeen,

    Kindly check link below on how to pre-populate check/tick boxes:

    http://www.jotform.com/help/71-Prepopulating-the-fields-to-your-JotForm-via-URL-parameters

     

    Check below  link on how to get your form full source codes: 

    http://www.jotform.com/answers/17044-Source-Code

    Hope this helps and please let us know if you have more futher concerns.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Rodjit on September 24, 2012 at 02:04 PM

    Hi,

    We seems not getting your response on forum, can you please try to go and post it again here: http://www.jotform.com/answers/132800-pre-populate-check-tick-boxes-more-than-one so we can proceed with your query?

    Thanks

  • Profile Image

    Answered by andypenn on September 24, 2012 at 02:07 PM

    i have now go to the form source code and have edited it , how do I copy it back, it wont allow me to edit the code through the small window and for the fourth time you have sent me a page with information that does not marry up, the instruction tells me to visit "source" under the gear icon it is not here, you keep giving me example code, but where do i edit the code this is ridiculous is there not a place that I can edit the code and re save it I am wasting so much time, back and forth to you guys,  

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 24, 2012 at 02:20 PM

    @andypenn

    It is not possible to modify your form's source code then have it uploaded back to our servers. Furthermore, there is no need to edit your source code make URL prepopulation work. You will just have to follow the instructions on the first link given to you by my colleague.

    Here's an example of a prepopulated URL for your form:

    http://www.jotform.com/22352708438354?clickTo[]=I%2FWe%20request%20that%20your%20investigation%20reply%20%20correspondence%20be%20sent%20to%20the%20supplied%20postal%20address

    Note how the value I/We request that your investigation reply correspondence be sent to the supplied postal address contains characters that are URL encoded (i.e, %2F, %20). This is to prevent special characters such as the forward slash to be misinterpreted by the browser.

    You may use this URL decoder/encoder to make the value suitable for prepopulation.

  • Profile Image

    Answered by andypenn on September 24, 2012 at 02:53 PM

    Iam sorry I simply do not understand your instruction, where do i input this stuff you show me a url address where do i type it , where do I edit it, how do I save it, why does the the name heading make a difference, please choose or your decision why would the wording make a difference, why cant a pre pop from the check box edit tool.

    this to me is a failing of the form examples showing pre pop, and non pre pop tells me nothing. A simple line of text showing what it should look like tells me just that but there is no instruction step by step how to achive this

    please explain step by step icon by icon section by section please take the time

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 24, 2012 at 03:26 PM

    Andy,

    Please accept my apology. The step by step instructions are clearly stated on the link we gave you, hence I did not feel the need to reiterate the same process.

    https://www.jotform.com/help/71-Prepopulating-the-fields-to-your-JotForm-via-URL-parameters

    In any case:

    Preview your form then click Open in new tab


    Right click on the live form then click View Page Source

    ------

     

    Referring to the sample image above, find your checkbox's label (yellow), then copy the name attribute of the input tag under it (in red). Append that value to your form URL, preceded by a question mark and followed by an equals sign:

    https://www.jotform.com/22352708438354?clickTo[]=

    Find the value attribute of the input tag (in green), then append it to the modified URL above. If you want to check both options, you will have to separate them with a comma:

    https://www.jotform.com/22352708438354?clickTo[]=Please send complaint on my behalf,I/We request that your investigation reply  correspondence be sent to the supplied postal address

    Notice how this URL does not provide any result, simply because the special character (/) is being misinterpreted by the browser.

    You will have to URL encode the values, one by one to make it work.

    Below is our finished result:

    https://www.jotform.com/22352708438354?clickTo[]=Please%20send%20complaint%20on%20my%20behalf,I%2FWe%20request%20that%20your%20investigation%20reply%20%20correspondence%20be%20sent%20to%20the%20supplied%20postal%20address

    Note: the option Please send complaint on my behalf is being cleared because it is already set as the checkbox's default value (via the form builder). You will have to remove the default value to make the prepopulation work, or you may leave it as that and remove the option from the URL instead, such as this:

    https://www.jotform.com/22352708438354?clickTo[]=I%2FWe%20request%20that%20your%20investigation%20reply%20%20correspondence%20be%20sent%20to%20the%20supplied%20postal%20address


    Hope these instructions as are as clear as can be :)

  • Profile Image

    Answered by andypenn on September 25, 2012 at 05:09 AM

    following your instruction, i have now found and copied the clickTo[]   how/where do i add this to the url line,

    and if it just a case of adding clickTo[] ?= and the value attribute of the input tag why did we have to go through all the examples, i feel it cant be this simple so what am I missing here, i cant paste anything to the sorce code. so how do i append this

  • Profile Image
    JotForm Support

    Answered by idarktech on September 25, 2012 at 07:55 AM

    @andypenn

    I understand that this might not quite easy for you but actually this is the simpliest way to pre-populate multiple check boxes, we're sorry about that.

    I have created a short video regarding this (no narration since I'm not totally good on english verbally), I hope this has enlightened you somehow: http://www.screencast.com/t/tSoSdgaz

    For your embed codes, please use iframe embed code and append the URL parameters. Example:

     

    <iframe allowtransparency="true" src="//form.jotform.me/form/22681118186455?fruits[]=Apple,Orange,Mango&name=JotForm" frameborder="0" style="width:100%; height:457px; border:none;" scrolling="no"></iframe>

    Please be careful on important symbols like ? and &

    Do let us know if you need anything else. Thanks!