In these article we see How to Show and Hide Div Tag based on RadiobuttonList Click Using JQuery. jQuery is a lightweight, “write less, do more”, JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

Create Page and RadiobuttonList :

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
    /*
        Add JQuery Code Here
    */

&lt;/head&gt;
&lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
    &lt;asp:RadioButtonList ID="rbl_yes_no" runat="server" RepeatDirection="Horizontal" Width="250px"&gt;
     &lt;asp:ListItem Text="Show" Value="1" Selected="True"&gt;&lt;/asp:ListItem&gt;
     &lt;asp:ListItem Text="Hide" Value="2" &gt;&lt;/asp:ListItem&gt;
    &lt;/asp:RadioButtonList&gt;
      &lt;div id="divshow" style="width:400px; height:400px; background-color:#0066cc; font-size:5em; text-align:center; vertical-align:middle;"&gt; Show Time &lt;/div&gt;
    &lt;/div&gt;
    &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Add JQuery Code Here

</head>

<body>

<div>

<asp:RadioButtonList ID="rbl_yes_no" runat="server" RepeatDirection="Horizontal" Width="250px">

<asp:ListItem Text="Show" Value="1" Selected="True"></asp:ListItem>

<asp:ListItem Text="Hide" Value="2" ></asp:ListItem>

</asp:RadioButtonList>

</div>

</form>

</body>

</html>

Choose the Best Web Hosting

HostForLIFEASP.NET is recognized as one of the Best, Cheap Web Hosting Provider in UK. You can always start from their start from €3.00/month and this plan has supported JQuery, Moodle, OpenCart, WordPress, Joomla, Drupal, Umbraco, etc with one-click installer, within less than 5 minutes. They provide cheap, best and instant activation on your web hosting account with UNLIMITED Bandwidth, Diskspace and Domain.

They hired an army of the very best technicians, managers and web hosting gurus. That means clear, professional support, fast. Their team are standing by to respond to your queries around the clock, big or small, and they’ll be there for you – 24×7, 365 days a year. You can contact them via all standard communication channels – by e-mail, through the ticketing system, or via an online form – should you have any pre-sales questions.

Their top priority to deliver the ultimate customer experience, and they strongly believe that you’ll love their service – so much so that if for any reason you’re unhappy in your first 30 days as a customer, you’re more than welcome to request your money back. They have just one request – that you let them know why you’re unhappy so they can address the problem for their other customers and make their service even better.