New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    WebForms CheckBox Overview

    1. Ultrasport Ski/Snowboard Goggles Race Edition
      $21.99
    2. Ultrasport Ski/Snowboard Helmet Race Edition
      $35.99
    3. Black Canyon Thinsulate Ski Gloves Reinforced With Kevlar
      $19.09
    4. COX SWAIN TITANIUM Men 3-Layer Ski & Snowboard Jacket
      $64.79
    Total Price
    • Demo Configurator
    • AutoPostBack

    About RadCheckBox for ASP.NET AJAX

    When you need the features of a checkbox enhanced with rich client side API, the Teleik ASP.NET CheckBox is the control that can easily fulfill these requirements. "Dress" it with the set of predefined skins we provide and the buttons on your web forms will have the consistent and appealing look and feel as the rest of the Telerik AJAX controls you use.

    RadCheckBox and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

    Key Features

    • Rich client-side functionality
    • Command Support—RadCheckBox has full support for Commands
    • Single click functionality—Avoid multiple postbacks/callbacks to the server
    • Advanced Skinning—the visual appearance of the Button control can be easily customized through skins
    • DefaultCS.aspx
    • DefaultCS.aspx.cs
    • scripts.js
    • styles.css
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.CheckBox.Overview.DefaultCS" %>
     
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
        <link href="styles.css" rel="stylesheet" />
        <script src="scripts.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container size-medium">
            <div class="basket-container">
                <ol class="basket-items-container">
                    <li>
                        <div class="row-label">Ultrasport Ski/Snowboard Goggles Race Edition</div>
                        <div class="row-price" >$21.99</div>
                    </li>
                    <li>
                        <div class="row-label">Ultrasport Ski/Snowboard Helmet Race Edition</div>
                        <div class="row-price" >$35.99</div>
                    </li>
                    <li>
                        <div class="row-label">Black Canyon Thinsulate Ski Gloves Reinforced With Kevlar</div>
                        <div class="row-price" >$19.09</div>
                    </li>
                    <li>
                        <div class="row-label">COX SWAIN TITANIUM Men 3-Layer Ski & Snowboard Jacket</div>
                        <div class="row-price" >$64.79</div>
                    </li>
                </ol>
                <telerik:RadCheckBox CssClass="btnAgree" OnClientCheckedChanged="telerikDemo.calculateTaxes" runat="server" ID="RadCheckBox1" Checked="true" Text="Include taxes" AutoPostBack="false">
                </telerik:RadCheckBox>
                <div class="price-container">
                    <div class="row-label">Total Price</div>
                    <div class="row-price">
                        <label id="TotalPrice" runat="server" class="totalPrice"></label>
                    </div>
                </div>
            </div>
        </div>
        <qsf:ConfiguratorPanel ID="ConfigurationPanel1" runat="server">
            <Views>
                <qsf:View>
                    <qsf:ConfiguratorColumn ID="ConfiguratorColumn3" runat="server" row-label="Properties" Size="Medium">
                        <ul class="fb-group">
                            <li>
                                <span class="label">AutoPostBack</span>
                                <qsf:RadioButtonList Orientation="Horizontal"
                                    ID="rblAutoPostBack" OnSelectedIndexChanged="rblAutoPostBack_SelectedIndexChanged"
                                    runat="server" AutoPostBack="True">
                                    <asp:ListItem Value="True">True</asp:ListItem>
                                    <asp:ListItem Value="False" Selected="True">False</asp:ListItem>
                                </qsf:RadioButtonList></li>
                        </ul>
                    </qsf:ConfiguratorColumn>
                </qsf:View>
            </Views>
        </qsf:ConfiguratorPanel>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance