HtmlInputRadioButton servidor controle Declarative sintaxe

Artigo
08/25/2010

Cria um controle de servidor que mapeia para o <input type=radio> Elemento HTML e permite que você criar um botão de opção em uma página da Web.

<input
    Type="Radio"
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnServerChange="OnServerChange event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    />

Comentários

Use o HtmlInputRadioButton o controle para programar o HTML <input type=radio> elemento. You can group multiple HtmlInputRadioButton controls together by setting the Nameproperty to a value that is common to all <input type=radio> elements within the group. Botões de opção no mesmo agrupar são mutuamente exclusivo; apenas um botão de opção do agrupar pode ser selecionado de cada vez.

Observação:
Esse controle não requer uma marca de fechamento.

The HtmlRadioButton controle não ocorra automaticamente POST volta ao servidor. Você deve se basear no usando um dos controles botão, sistema autônomo a HtmlInputButton, HtmlInputImage, ou HtmlButton, para enviar novamente para o servidor. Você pode programar o HtmlRadioButton controle escrevendo um manipulador para o ServerChange evento.

Observação:
O ServerChange evento é gerado apenas para os botões de opção Alterar para um estado selecionado.

Exemplo

O exemplo a seguir demonstra como criar um manipulador de eventos para o ServerChange evento da HtmlRadioButton controle. O manipulador de eventos determina qual botão de opção está selecionado e exibe a seleção em uma mensagem.

<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<title>HtmlInputRadioButton Control</title>

   <script runat="server">
      Sub Server_Change(Source As Object, e As EventArgs)
         If Radio1.Checked = True Then
            Span1.InnerHtml = "Radio1 is checked"
         Else
            If Radio2.Checked = True Then
               Span1.InnerHtml = "Radio2 is checked"
            Else
               If Radio3.Checked = True Then
                  Span1.InnerHtml = "Radio3 is checked"
               End If
            End If
         End If
      End Sub
   </script>

</head>
<body>
   <form id="Form1" runat="server">

      <h3>HtmlInputRadioButton Sample</h3>

      <input type="radio" 
             id="Radio1" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 1<br />
      <input type="radio" 
             id="Radio2" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 2<br />
      <input type="radio" 
             id="Radio3" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 3
      <br />
      <span id="Span1" runat="server" />
      <br />
      <input type="submit" id="Button1" 
             value="Enter" 
             runat="server" />
   </form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<title>HtmlInputRadioButton Control</title>

   <script runat="server">
      void Server_Change(object Source, EventArgs e) 
      {
         if (Radio1.Checked == true)
            Span1.InnerHtml = "Radio1 is checked";
         else if (Radio2.Checked == true)
            Span1.InnerHtml = "Radio2 is checked";
         else if (Radio3.Checked == true)
            Span1.InnerHtml = "Radio3 is checked";
      }
   </script>

</head>
<body>
   <form id="Form1" runat="server">

      <h3>HtmlInputRadioButton Sample</h3>

      <input type="radio" 
             id="Radio1" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 1<br />
      <input type="radio" 
             id="Radio2" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 2<br />
      <input type="radio" 
             id="Radio3" 
             name="Mode"
             onserverchange="Server_Change" 
             runat="server"/>
      Option 3
      <br />
      <span id="Span1" runat="server" />
      <br />
      <input type="submit" id="Button1" 
             value="Enter" 
             runat="server" />
   </form>
</body>
</html>

Consulte também

Referência

HtmlInputRadioButton

System.Web.UI.HtmlControls

Outros recursos

Controles de servidores HTML

Partilhar via