The below code snippet explains how to get checked or selected items from ASP.Net CheckBoxList client side using jQuery
<html xmlns="">
    <script type="text/javascript" src=""></script>
    <script type = "text/javascript">
        $("#demo").live("click", function () {
            var selectedItems = "";
            $("[id*=chkFruits] input:checked").each(function () {
                if (selectedItems == "") {
                    selectedItems = "Selected Items:\r\n\r\n";
                selectedItems += $(this).next().html() + "\r\n";
            if (selectedItems != "") {
            } else {
                alert("No item has been selected.");
    <form id="form1" runat="server">
    <asp:CheckBoxList ID="chkFruits" runat="server">
        <asp:ListItem Text="Mango" Value="1"></asp:ListItem>
        <asp:ListItem Text="Apple" Value="2"></asp:ListItem>
        <asp:ListItem Text="Banana" Value="3"></asp:ListItem>
        <asp:ListItem Text="Pineapple" Value="4"></asp:ListItem>
        <asp:ListItem Text="Orange" Value="5"></asp:ListItem>
    <input type = "button" id = "demo" value = "Demo" />
In the above code snippet an HTML Button demo has been assigned jQuery click event handler. When the button is clicked, I fetch all the checked checkboxes from the ASP.Net CheckBoxList chkFruits using the selector [id*=chkFruits] input:checked. Then I loop through the checked Items and then display the selected items in JavaScript alert box.