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

    default selections on required checkboxes

    Asked by robinowsley on May 30, 2011 at 02:05 PM

    (This seems to have gone up twice, but that was not my intention, sorry, feel free to delete one.)

     

    Hi there.  I'm using some required checkbox fields, and it would be nice to have all boxes default selected for some questions.  Unfortunately, all I see is the option to have no boxes for a question pre-selected, or just ONE box pre-selected.  Causing the user to UNselect what they do not want, instead of only having the ability to select what they DO want.

     

    (I could go into why I want this, but I don't think it's relevant.  Trust me, there would be some useful applications.)

     

    Is there a way to pre-select multiple checkboxes or all, not just one?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 30, 2011 at 04:03 PM

    Hi Robin,

    Yes this is possible by utilizing query strings in the form's url. Query strings act like parameters to a form. They are appended in the url of any webpage you want to apply the parameters to.

    In html forms, they can be used to set values to form inputs such as textboxes, checkboxes, radio etc.

    Take a look at this sample form for a demo.

    As you can see I have appended a few query strings in the url which is ?options[]=Red,Orange,Violet

    options[] is the input name property of my form's checkbox field. You can look it up in the form's source code by finding codes similar to this:

    <input id="input_1_2" class="form-checkbox" type="checkbox" value="Yellow" name="q1_options[]">

    The values are then inserted after the equal sign ( = ) separated by a comma ( , )

    If you embedded the form using iframe codes, you just need to append the query strings in the url of the iframed document

    <iframe allowtransparency="true" src="//form.jotform.com/form/11495907290?options[]=Red,Orange,Violet" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no">
    </iframe>


    Let me know if you need clarifications regarding this solution.


    Neil

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 30, 2011 at 04:21 PM

    If you're using Source embed codes, you can just add this property to the tags of each of the input that you want selected:

    checked="checked"

    so it becomes

    <input id="input_1_2" class="form-checkbox" type="checkbox" checked="checked" value="Yellow" name="q1_options[]">