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.
How do I make my textareas expand when a checkbox for each is checked?Asked by zegron on April 01, 2013 at 09:20 AM
I'm trying to create a similar form to this site's: http://www.custommade.com/copper-range-hood-and-frieze/by/ckv/?honeycomb=1
As you'll notice there are several options in the right sidebar 'custom made'. If you check the checkbox for each option the textarea opens up. I've tried several ways to do this: but none give me a checkbox that will expand/de-expand the textarea as the checkbox is marked and unmarked.
onfocus="this.rows=10;" style="resize: none;" did work, but the textarea stays open and there is no checkbox.
I have to use jotform because on my host I can't use any server side scripting, i have to use an external server, hence jorform working beautifully for me.
This is my form: http://form.jotformpro.com/form/30903471509957
Any assistance anyone can give would be fantastic.
I figured it out, using conditional statements, i created 2 correspondingly labled checkboxes and 4 textareas. For each checkbox I set a condition that would show the textarea if the checkbox was filled and boom each textarea would show or hide based on if the corresponding checkbox was filled or not. Just need to edit the layout so the checkboxes are next to the proper textareas. :-)
Let us know if you need further assistance with this.
checked="?" for checkboxes off by default? selecting it in the form menu doesn't seem to work. checked="checked" is on by default, that much i know, but I couldn't find an answer when purusing the user guide.
I am not sure I understand your question. Can you please expand on what you are trying to accomplish?
I'll be glad to help!
Also, please include the URL of the form you are working on. Just so that we can clone it and chek on our end . Thanks :)
I figured it out, i was trying to set it up so the checkboxes were unchecked by default. removing checked="checked" from the source code did the trick. :-)
Great that you figured it out yourself. Should you have any questions feel free to contact us again.