Controllo server Web RadioButton

Crea un singolo pulsante di opzione nella pagina. È possibile raggruppare più pulsanti di opzione per offrire un insieme di scelte che si escludono a vicenda.

<asp:RadioButtonid="RadioButton1"      AutoPostBack="True|False"     Checked="True|False"     GroupName="GroupName"     Text="label"     TextAlign="Right|Left"     OnCheckedChanged="OnCheckedChangedMethod"     runat="server"/>

Osservazioni

Il controllo server RadioButton crea un pulsante di opzione nella pagina Web Form. Se si imposta la proprietà Text, è possibile specificare il testo da visualizzare nel controllo. Il testo può essere visualizzato a destra o a sinistra del pulsante di opzione. Impostare la proprietà TextAlign per controllare il lato dove inserire il testo. È possibile raggruppare più pulsanti di opzione, se si specifica lo stesso GroupName per ogni controllo RadioButton. Il raggruppamento di pulsanti di opzione consente di eseguire la selezione di un solo pulsante, escludendo gli altri.

Nota È anche possibile utilizzare il controllo RadioButtonList. Con il controllo RadioButtonList la creazione di un insieme di pulsanti di opzione mediante l'associazione dati risulta più semplice; il singolo controllo RadioButton consente invece un maggiore controllo sul layout.

Per determinare se il controllo RadioButton è selezionato, eseguire il test della proprietà Checked.

Attenzione   Il testo non viene codificato in formato HTML prima di essere visualizzato nel controllo RadioButton. È pertanto possibile incorporare script all'interno dei tag HTML presenti nel testo. Se i valori del controllo provengono dall'input dell'utente, assicurarsi di convalidare tali valori per evitare problemi di protezione.

Per informazioni dettagliate sulle proprietà e sugli eventi del controllo RadioButton vedere la documentazione di Classe RadioButton.

Esempio

Nell'esempio seguente viene mostrato come utilizzare un controllo RadioButton per offrire all'utente un insieme di opzioni che si escludono a vicenda.

<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
   <script runat="server">
      Sub SubmitBtn_Click(Sender As Object, e As EventArgs)
         If Radio1.Checked Then
            Label1.Text = "You selected " & Radio1.Text
         ElseIf Radio2.Checked Then
            Label1.Text = "You selected " & Radio2.Text
         ElseIf Radio3.Checked Then
            Label1.Text = "You selected " & Radio3.Text
         End If
      End Sub
   </script>
</head>
<body>
   <h3>RadioButton Example</h3>
   <form runat="server">
      <h4>Select the type of installation you want to perform:</h4>
      <asp:RadioButton id=Radio1 
           Text="Typical" 
           Checked="True" 
           GroupName="RadioGroup1" 
           runat="server" /><br>
      This option installs the features most typically used.
      <i>Requires 1.2 MB disk space.</i><p>
      <asp:RadioButton id=Radio2 
           Text="Compact" 
           GroupName="RadioGroup1" 
           runat="server"/><br>
      This option installs the minimum files required to run 
      the product.  <i>Requires 350 KB disk space.</i><p>
      <asp:RadioButton id=Radio3 
           Text="Full" 
           GroupName="RadioGroup1"  
           runat="server" /><br>
      This option installs all features for the product.  
      <i>Requires 4.3 MB disk space.</i><p>
      <asp:Button text="Submit" 
           OnClick="SubmitBtn_Click" 
           runat=server/>
      <asp:Label id=Label1 
           Font-Bold="true" 
           runat="server" />
   </form>
</body>
</html>
[C#]
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>
   <script runat="server">
      void SubmitBtn_Click(Object Sender, EventArgs e) 
      {
         if (Radio1.Checked) 
         {
            Label1.Text = "You selected " + Radio1.Text;
         }
         else if (Radio2.Checked) 
         {
            Label1.Text = "You selected " + Radio2.Text;
         }
         else if (Radio3.Checked) 
         {
            Label1.Text = "You selected " + Radio3.Text;
         }
      }
   </script>
</head>
<body>
   <form runat="server">
      <h3>RadioButton Example</h3>
      <h4>Select the type of installation you want to perform:</h4>
      <asp:RadioButton id="Radio1" 
           Text="Typical" 
           Checked="True" 
           GroupName="RadioGroup1" 
           runat="server" /><br>
      This option installs the features most typically used.  
      <i>Requires 1.2 MB disk space.</i><p>
      <asp:RadioButton id="Radio2" 
           Text="Compact" 
           GroupName="RadioGroup1" 
           runat="server"/><br>
      This option installs the minimum files required to run the product.  
      <i>Requires 350 KB disk space.</i><p>
      <asp:RadioButton id="Radio3"  
           Text="Full" 
           GroupName="RadioGroup1" 
           runat="server"/><br>
      This option installs all features for the product.  
      <i>Requires 4.3 MB disk space.</i><p>
      <asp:Button id="Button1" 
           Text="Submit" 
           OnClick="SubmitBtn_Click" 
           runat=server/>
      <asp:Label id="Label1" 
           Font-Bold="true" 
           runat="server" />
   </form>
</body>
</html>

Vedere anche

Controlli server Web | Classe RadioButton