title: Enabling/Disabling of Text Box on click of different Radio Buttons using jQuery
body: <p>I have 4 radio buttons in a group, say 1,2,3,4 and along with radiobutton1 there are two more  input text boxes.
  When I  select <strong>radiobutton1</strong> then those text boxes are enabled but on selecting <strong>radio button 2,3,4</strong> -- text boxes are disabled.
  After selecting <strong>radio button 2,3,4</strong> and having text boxes disabled, if I select back radiobutton1 then text boxes should be enabled againg.
  And by default (on loading page first time), radio button 1 is selected along with text boxes enabled</p>
  
  <p>This is my HTML code written in MVC3 using Razor view engine</p>
  
  <pre><code>@Html.RadioButtonFor(m =&gt; m.Search, "rb1", new { Checked = "true", id = "1" })radio 1 
  &lt;td&gt;@Html.TextBoxFor(m =&gt; m.textbox1, new { style = "width:11%" })
  &lt;td&gt;@Html.TextBoxFor(m =&gt; m.textbox2, new { style = "width:11%" })
  @Html.RadioButtonFor(m =&gt; m.Search, "rb2", new { id = "2" })radio 2
  @Html.RadioButtonFor(m =&gt; m.Search, "rb3", new { id = "3" })radio 3
  @Html.RadioButtonFor(m =&gt; m.Search, "rb4", new { id = "4" })radio 4
  </code></pre>
  
  <p>I need to do this using jquery in minimum line of codes. Any suggestions?</p>