HTML Controls->ASP.NET HtmlInputCheckBox Control

Definition and Usage

The HtmlInputCheckBox control is used to control an <input type="checkbox"> element. In HTML, this element is used to create a checkbox.


Properties and Events

Property Description
Attributes Returns all attribute name and value pairs of the element
Checked A Boolean value that specifies whether or not the element is to be checked
Disabled A Boolean value that indicates whether or not the control should be disabled. Default is false
id A unique id for the control
Name The name of the element
runat Specifies that the element is a server control.  Must be set to "server"
Style Sets or returns the CSS properties that are applied to the control
TagName Returns the element tag name
Type The type of the element
Value The value of the element
Visible A Boolean value that indicates whether or not the control should be visible

Event Description
ServerChange Occurs when the state of the control has changed

Examples

HTMLInputCheckbox

<script  runat="server">
Sub submit(Source As Object, e As EventArgs)
if red.Checked=True then
   p1.InnerHtml="You prefer red!"
else
   p1.InnerHtml="You prefer blue!"
end if
red.checked=false
blue.checked=false
End Sub
</script>

<html>
<body>

<form runat="server">
What color do you prefer?
<br />
<input id="red" type="checkbox" runat="server" /> Red
<br />
<input id="blue" type="checkbox" runat="server" /> Blue
<br />
<input type="button" value="Submit" OnServerClick="submit" runat="server"/>
<p id="p1" runat="server" />
</form>

</body>
</html>

Output Result:

What color do you prefer?
Red
Blue
  

IF you click the checkbox "red" ,it will shows :
What color do you prefer?
Red
Blue

You prefer red! 


In this example we declare two HtmlInputCheckBox controls, one HtmlInputButton control, and one HtmlGeneric in an .aspx file (remember to embed the controls inside an HtmlForm control). When the submit button is triggered, the submit subroutine is executed. The submit subroutine may respond in two ways: if the "red" checkbox is checked, the server sends the message "You prefer red!" to the p element. If the "blue" checkbox is checked, the server sends the message "You prefer blue!" to the p element.

posted on 2007-03-26 15:16  改变热爱  阅读(284)  评论(0)    收藏  举报

导航