title: Control Textboxes (enable/disable) with radio buttons - jQuery
body: <p>I would like to get help with controlling textboxes, enable / disable, depending on selected radio button - jQuery would be preferable.</p>
  
  <p>If a radio button is selected the associated textboxes will be enabled - others will be disabled. Same thing for all scenarios. One radio button will be pre selected.</p>
  
  <p>Here is my markup:</p>
  
  <blockquote>
  <pre><code>     &lt;div&gt;
              &lt;h1&gt;Control fields&lt;/h1&gt;
              &lt;div id="Div1"&gt;
                  &lt;div id="first"&gt;
                      &lt;input type="radio" name="radio" id="radio3" checked="checked" /&gt;First&lt;/br&gt;
          &lt;input type="text" id="txt_one" /&gt;&lt;/br&gt;
          &lt;input type="text" id="txt_two" /&gt;&lt;/br&gt;
                  &lt;/div&gt;
                  &lt;div id="second"&gt;
                      &lt;input type="radio" name="radio" id="radio4" /&gt;Second&lt;/br&gt;
                      &lt;input type="text" id="three" /&gt;&lt;/br&gt;
        &lt;input type="text" id="txt_four" /&gt;&lt;/br&gt;
                  &lt;/div&gt;
  
                  &lt;div id="third"&gt;
                      &lt;input type="radio" name="radio" id="radio5" checked="checked" /&gt;First&lt;/br&gt;
          &lt;input type="text" id="txt_five" /&gt;&lt;/br&gt;
          &lt;input type="text" id="txt_six" /&gt;&lt;/br&gt;
          &lt;input type="text" id="txt_seven" /&gt;&lt;/br&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p>Here is a link to: <a href="http://jsfiddle.net/9CDcH/1/" rel="nofollow">http://jsfiddle.net/9CDcH/1/</a></p>