Декларативный синтаксис серверного элемента управления HtmlInputRadioButton

Статья
08/11/2011

Создает серверный элемент управления, сопоставляемый HTML-элементу <input type=radio> и позволяющий создать на веб-странице переключатель.

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

Заметки

Элемент управления HtmlInputRadioButton используется для программирования элемента HTML <input type=radio>. Можно сгруппировать несколько элементов управления HtmlInputRadioButton, задав в качестве свойства Nameзначение, общее для всех элементов <input type=radio> группы. Переключатели, находящиеся в одной группе, являются взаимоисключающими; в каждый момент времени можно выбрать только один переключатель в группе.

Примечание
Этому элементу управления не требуется закрывающий тег.

Элемент управления HtmlRadioButton не выполняет автоматического обратного запроса к серверу. Для этого необходимо использовать один из элементов управления "кнопка", такие как HtmlInputButton, HtmlInputImage или HtmlButton. Программировать элемент HtmlRadioButton можно, написав обработчик события ServerChange.

Примечание
Событие ServerChange возникает только для переключателей, которые переходят в установленное состояние.

Пример

В следующем примере показано, как создать обработчик событий ServerChange элемента управления HtmlRadioButton. В обработчике событий определяется, какой переключатель выбран, и результат выбора отображается в сообщении.

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

См. также

Ссылки

HtmlInputRadioButton

System.Web.UI.HtmlControls

Другие ресурсы

Серверные HTML-элементы управления

Поделиться через