Radio Button and panel in asp.net

Question

0.00/5 (No votes)

See more:

Hi Friends..

I have a two radio buttons in a page.

When i am select first radio button the panel 1 will be displayed.

When i am select Second radio button the panel 2 will be displayed.

How can i do this.

ASP.NET

<td>
                    <asp:DropDownList ID="drop" runat="server" OnSelectedIndexChanged="drop_SelectedIndexChanged"
                        AutoPostBack="True">
                        <asp:ListItem Text="Select"> </asp:ListItem>
                        <asp:ListItem Text="Full Day"> </asp:ListItem>
                        <asp:ListItem Text="Half Day"> </asp:ListItem>
                        <asp:ListItem Text="Leave"> </asp:ListItem>
                    </asp:DropDownList>
                    <asp:RadioButton ID="radio" Text="FN" runat="server" />
                    <asp:RadioButton ID="radioAN" Text="AN" runat="server" AutoPostBack="True" />
                     
                </td>

Posted 31-May-12 0:38am

Arul R Ece

Add a Solution

Comments

Rahul Rajat Singh 31-May-12 6:58am

you want to do this on cleint side or server side. i mean can you affrod a postback or not?

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sunandandutt · Answer 1 · 2012-05-31T01:04:00

You have

XML

<asp:RadioButton ID="radio" Text="FN" runat="server" AutoPostBack="True" />
                    <asp:RadioButton ID="radioAN" Text="AN" runat="server" AutoPostBack="True" />

Try This Code in Page Load Event it will work or you can genrate selection changed event of RadioButton

C#

//For Event you can write this in radio Selection changed Event
If(radio.Checked)
{
Panel1.visible=true;
}
else
{
Panel2.visible=false;
}
//For Event you can write this in radioAN Selection changed Event
If(radioAN.Checked)
{
Panel1.visible=false;
}
else
{
Panel2.visible=true;
}

Mits Machhi · Answer 2 · 2012-05-31T00:58:00

First of all,
Set Auto Postback property true for both Radio Button. and set Visible property False to both panel. also give Groupname Same to Both Radio Button.

then Double Click on First Radio Button.... So ,you get Method of Radio Button.
Inside it....

C#

If(RadioButton1.Checked)
{
   Panel.visible=true;
}
else
{
    Panel2.visible=false;
}

then Double Click on Second Radio Button.... So ,you get Method of Radio Button.
Inside it...

C#

If(RadioButton2.Checked)
{
   Panel1.visible=false;
}
else
{
    Panel2.visible=true;
}

db7uk · Answer 3 · 2012-05-31T00:48:00

Solution 1

Personally I would use a radiobuttonlist. On the selectedIndexChanged event (onPostback) you could change the panel. What would work really well is if you used a mulitview control and for each view ActiveIndex you could select that based on the selectedIndex of the radiobuttonlist.

Posted 31-May-12 0:48am

db7uk

Comments

Arul R Ece 31-May-12 6:58am

K Thanks friend...

I will try and let u know i have any issues

Radio Button and panel in asp.net

3 solutions

Solution 3

Solution 2

Solution 1

Add your solution here

Preview 0