title: How to add an onClick event to an HTML radio button in asp.net
body: <p>I have multiple tabs on my page and currently I am binding all dropdownlists on every tab at page load.</p>
  
  <p>I want to bind the dropdownlists only when the tab is selected. I also want to clear the gridviews when the tab is changed.</p>
  
  <p>This is my HTML code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li&gt;
     &lt;input type="radio" id="tab1d"  name="tabs1" runat="server"/&gt;
     &lt;label for="tab1d"&gt;Search&lt;/label&gt;
     &lt;div id="tab-content1d" class="tab-content animated fadeIn" style="background-color:white; padding:10px; "&gt;
         &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server"&gt;
             &lt;ContentTemplate&gt;
                 &lt;asp:Label ID="Label4" runat="server" Text="Select Platform"&gt;&lt;/asp:Label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged" CssClass="inputs" Width="150px"&gt;&lt;/asp:DropDownList&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:Label ID="Label10" runat="server" Text="Select Family Name"&gt;&lt;/asp:Label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" CssClass="inputs" Width="150px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"&gt;&lt;/asp:DropDownList&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:Label ID="Label11" runat="server" Text="Select price Level"&gt;&lt;/asp:Label&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:DropDownList ID="DropDownList2" runat="server"  AutoPostBack="true" CssClass="inputs" Width="150px" &gt;&lt;/asp:DropDownList&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                 &lt;asp:Button ID="Button7" runat="server" Text="Search" CssClass="buttons" OnClick="Button7_Click"/&gt;&lt;br /&gt;&lt;br /&gt;
                 &lt;div id="gdvLeft"&gt;
                     &lt;asp:GridView ID="gdvFamilyname" runat="server" EnableViewState="True" class="grid" RowStyle-CssClass="rows"&gt;&lt;/asp:GridView&gt;
                 &lt;/div&gt;
                 &lt;div id="gdvRight"&gt;
                     &lt;asp:GridView ID="gdvQuantity" runat="server" EnableViewState="True"  class="grid" RowStyle-CssClass="rows"&gt;&lt;/asp:GridView&gt;
                 &lt;/div&gt;
             &lt;/ContentTemplate&gt;
         &lt;/asp:UpdatePanel&gt;
     &lt;/div&gt;
     &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>