HtmlInputRadioButton 서버 컨트롤 선언 구문
<input type=radio> HTML 요소에 매핑되는 서버측 컨트롤을 만들어 웹 페이지에 라디오 단추를 만들 수 있도록 합니다.
<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> 요소를 프로그래밍할 수 있습니다. Name속성을 그룹의 모든 <input type=radio> 요소에 대해 공통적인 값으로 설정하면 여러 개의 HtmlInputRadioButton 컨트롤을 그룹화할 수 있습니다. 같은 그룹에 있는 라디오 단추는 함께 사용할 수 없으며, 따라서 그룹당 라디오 단추를 하나만 선택할 수 있습니다.
.gif "참고") 참고 |
|---|
이 컨트롤에는 닫는 태그를 사용하지 않아도 됩니다. |
HtmlRadioButton 컨트롤은 서버에 자동으로 다시 게시하지 않습니다. HtmlInputButton, HtmlInputImage 또는 HtmlButton과 같은 단추 컨트롤 중 하나를 사용하여 서버에 다시 게시해야 합니다. ServerChange 이벤트에 대한 처리기를 작성하여 HtmlRadioButton 컨트롤을 프로그래밍할 수 있습니다.
| 참고 |
|---|
ServerChange 이벤트는 선택된 상태로 변경되는 라디오 단추에 대해서만 발생합니다. |
예제
다음 예제에서는 HtmlRadioButton 컨트롤의 ServerChange 이벤트에 대한 이벤트 처리기를 만드는 방법을 보여 줍니다. 이 이벤트 처리기는 선택된 라디오 단추를 확인한 다음 선택 내용을 메시지에 표시합니다.
<%@ 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>