Deklarativní syntaxe ovládacího prvku HtmlInputRadioButton webového serveru

Článek
08/11/2011

Vytvoří serverový ovládací prvek, který se mapuje na prvek <input type=radio> jazyka HTML a umožňuje vytvářet přepínač na webové stránce.

<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"
    />

Poznámky

Použití HtmlInputRadioButton řízení proti HTML programu <input type=radio> prvku. Můžete seskupit více ovládacích prvků HtmlInputRadioButton dohromady nastavením vlastnosti Name na hodnotu, která je společná pro všechny prvky <input type=radio> v rámci skupiny. Přepínací tlačítka ve stejné skupině se vzájemně vylučují. Najednou lze vybrat pouze jeden přepínač ve skupině.

Poznámka
Tento ovládací prvek nevyžaduje koncovou značku.

Ovládací prvek HtmlRadioButton automaticky neodesílá data zpět na server. Musíte spoléhat na použití jednoho z tlačítek, například HtmlInputButton, HtmlInputImage nebo HtmlButton k odeslání dat zpět na server. Můžete ovládat ovládací prvek HtmlRadioButton napsáním obslužné rutiny pro událost ServerChange.

Poznámka
Událost ServerChange je aktivována pouze pro přepínací tlačítka, která se změnila na stav zaškrtnutí.

Příklad

Následující příklad ukazuje, jak vytvořit obslužnou rutinu události ServerChange ovládacího prvku HtmlRadioButton. Obslužná rutina události určuje, který přepínač je zaškrtnut a zobrazí výběr ve zprávě.

<%@ 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>

Viz také

Odkaz

HtmlInputRadioButton

System.Web.UI.HtmlControls

Další zdroje

Serverové ovládací prvky HTML

Sdílet prostřednictvím