title: Disabling and Enabling a a radiobutton based on option selected in dropdownlist in JQuery
body: <p>I have a radio button option i want to disable and enable based on an option selected from a drop down list. I have the radio button option originally disabled but when I attempt to enable it based on the option selected in the drop down list nothing happens. could i get some help with this: 
  HTML:</p>
  
  <pre><code>            &lt;asp:DropDownList runat="server" ID="ddl1"&gt;
                    &lt;asp:ListItem Text="Please Select" Value="0" /&gt;
                    &lt;asp:ListItem Text="1" Value="1" /&gt;
                    &lt;asp:ListItem Text="2/Staff" Value="2" /&gt;
                    &lt;asp:ListItem Text="3" Value="3" /&gt;                      
                    &lt;asp:ListItem Text="4" Value="4" /&gt;
                    &lt;asp:ListItem Text="5" Value="5" /&gt;                     
              &lt;/asp:DropDownList&gt; 
            &lt;asp:RadioButtonList runat="server" ID="rbPType" ClientIDMode="Static"&gt;
                       &lt;asp:ListItem Value="0" Text="T0"&gt;&lt;/asp:ListItem&gt;
                       &lt;asp:ListItem Value="1" Text="1"&gt;&lt;/asp:ListItem&gt;
                       &lt;asp:ListItem Value="2" Text="2"&gt;&lt;/asp:ListItem&gt;
                   &lt;/asp:RadioButtonList&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#rbPType_1').attr("disabled", true);
  $('#ddl1').change(function () {
  
      if ($(this).children('option:selected').text() == "2")
      {
          $('#rbPType_1').attr("disabled", false);
      }
      else
      {
          $('#rbPType_1').attr("disabled", true);
      }
  
  });
  </code></pre>
  
  <p>PS: My orignal intention was to hide and show this based on the option and got stomped. So if there is a way to hide and show rather than enable and disable I would really appreciate the help.</p>