Page

Change RadioButton Checked status on Button click in asp.net

<%@ Page Language="C#" %>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<script runat="server">  
    protected void Button1_Click(object sender, System.EventArgs e)  
    {  
        RadioButton2.Checked = false;  
        RadioButton1.Checked = true;  
    }  
    protected void Button2_Click(object sender, System.EventArgs e)  
    {  
        RadioButton1.Checked = false;  
        RadioButton2.Checked = true;  
    }  
</script>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title>How to set, change RadioButton Checked status on Button click</title>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h2 style="color:Green">RadioButton Example: Checked OnClick</h2>  
        <asp:Label   
             ID="Label1"  
             runat="server"  
             Font-Bold="true"  
             ForeColor="Blue"  
             Text="Favorite Color?"  
             >  
        </asp:Label>  
        <br />  
        <asp:RadioButton   
             ID="RadioButton1"   
             runat="server"  
             Text="Gainsboro"  
             GroupName="Colors"  
             />  
        <asp:RadioButton   
             ID="RadioButton2"   
             runat="server"  
             Text="GoldenRod"  
             GroupName="Colors"  
             />  
        <br /><br />             
        <asp:Button   
             ID="Button1"   
             runat="server"   
             ForeColor="DarkMagenta"  
             Text="Checked RadioButton1"  
             OnClick="Button1_Click"  
             Font-Bold="true"  
             />  
        <asp:Button   
             ID="Button2"   
             runat="server"   
             Font-Bold="true"  
             ForeColor="DarkMagenta"  
             Text="Checked RadioButton2"  
             OnClick="Button2_Click"  
             />  
    </div>  
    </form>  
</body>  
</html>  

No comments:

Post a Comment