dynamically generate text areas w/ unique id's based on checkbox inputs
<p>I am working on a program for my company to process different product types and create files.</p>

<p>I have a form that will eventually grow to close to 150 checkbox options over the course of a few months.  I'm trying to get input on the best way to do this and save me time in the long run.</p>

<p>So for example I have this:</p>

<pre><code>&lt;input type="checkbox" value="NOT" name="size"&gt;NOT&lt;br /&gt;
&lt;input type="checkbox" value="THA" name="size"&gt;THA&lt;br /&gt;
&lt;input type="checkbox" value="TAB22" name="size"&gt;TAB22&lt;br /&gt;
</code></pre>

<p>What I need is that for every checkbox that is clicked, i need to reveal a text area w/ a simple title that is equal to the checkbox value above it within a div called <code>&lt;div id="inputArea"&gt;</code> From here the user will then paste in file names in the corresponding text areas.  Basically each text area is tied to a checkbox option.</p>

<p>I use PHP to process the form, so when it is submitted, at that point I will need to store the value of each text area that has values into separate variables.  Is there a way to do that dynamically as well?</p>

<p>I'm open to jquery, javascript, php or anything.  </p>

<p>I'm just curious as the best to do this.  Otherwise my knowledge is only good enough to manually create 150 checkboxes, then create 150 text areas, then create 150 jQuery hide/reveal methods, then create 150 php checks to determine what text areas have values and assign them to variables.</p>
