C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML
ASP.NET Web Forms CheckBoxIt is used to get multiple inputs from the user. It allows user to select choices from the set of choices. It takes user input in yes or no format. It is useful when we want multiple choices from the user. To create CheckBox we can drag it from the toolbox in visual studio. This is a server side control and ASP.NET provides own tag to create it. The example is given below. < asp:CheckBox ID="CheckBox2" runat="server" Text="J2EE"/> Server renders it as the HTML control and produces the following code to the browser. < input id="CheckBox2" type="checkbox" name="CheckBox2" /><label for="CheckBox2">J2EE</label> This control has its own properties that are tabled below.
Example// WebControls.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebControls.aspx.cs" Inherits="WebFormsControlls.WebControls" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <h2>Select Courses</h2> <asp:CheckBox ID="CheckBox1" runat="server" Text="J2SE" /> <asp:CheckBox ID="CheckBox2" runat="server" Text="J2EE" /> <asp:CheckBox ID="CheckBox3" runat="server" Text="Spring" /> </div> <p> <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /> </p> </form> <p> Courses Selected: <asp:Label runat="server" ID="ShowCourses"></asp:Label> </p> </body> </html> Code Behind// WebControls.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebFormsControlls { public partial class WebControls : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { ShowCourses.Text = "None"; } protected void Button1_Click(object sender, EventArgs e) { var message = "" ; if (CheckBox1.Checked) { message = CheckBox1.Text+" "; } if (CheckBox2.Checked) { message += CheckBox2.Text + " "; } if (CheckBox3.Checked) { message += CheckBox3.Text; } ShowCourses.Text = message; } } } Initially, there is no course selected then it shows none. It displays user selection as shown in the following screenshot.
Next TopicASP.NET LinkButton
|