CODEWITHSUNDEEP
asp.netradio-buttonshow-hidepanels
coder
coder

Reputation: 13248

Show and hide panel using radio buttons

I have two radio buttons and two panels on my webpage and I would like to show panel 1 when radio button1 checked changed and hide panel2 and similarly panel2 needs to be shown when radio button2 checked changed and hide panel1.

This is how I have done with no success

Here are my radio buttons:

<asp:RadioButton ID="RadioButton1" runat="server" Text="Text" ForeColor="White" GroupName="selection" OnCheckedChanged="RadioButton1_CheckedChanged"/>

<asp:RadioButton ID="RadioButton2" runat="server" Text="Image" ForeColor="White" GroupName="selection" OnCheckedChanged="RadioButton2_CheckedChanged"/>

This is RadioButton1_CheckedChanged:

If RadioButton1.Checked = True Then
            RadioButton2.Checked = False
            Panel1.Visible = True
            Panel2.Visible = False
 End If

This is RadioButton2_CheckedChanged:

 If RadioButton2.Checked = True Then
            RadioButton1.Checked = False
            Panel1.Visible = False
            Panel2.Visible = True
 End If

Upvotes: 0

Views: 6097

Answers (1)

JonH
JonH

Reputation: 33173

You need to set autopostback to true for the radio buttons. AutoPostback="True" include that in your radiobutton tag and you should be good to go. A simple debug of your code would show you that both events are not called with your current code.

Upvotes: 2

Related Questions