javascript - 如何使用 jquery 从两个复选框列表中获取选中复选框的数量？

Question

我有两个复选框列表，我想获取其中已选中元素的数量。下面是我的代码:

<div id="divAreaListingByLocation">
  <asp:CheckBoxList ID="chklstArea" CssClass="chkarea" RepeatColumns="6" RepeatDirection="Vertical"
        runat="server" OnSelectedIndexChanged="chklstArea_SelectedIndexChanged" AutoPostBack="true">
  </asp:CheckBoxList>
</div>
<asp:Repeater ID="repRooms" runat="server" OnItemDataBound="repRooms_ItemDataBound">
    <ItemTemplate>
        <div style="height: 100%; float: none;">
            <asp:Panel ID="pnlRoomheader" runat="server" Style="width: 98%; background-color: #86ADD6;
                color: #4A4A4A; height: 20px; margin-top: 10px; text-align: left; padding: 5px;
                font-size: 15px; font-weight: bold;">
                <asp:Label ID="lblAreaName" runat="server"></asp:Label>
                <asp:Label ID="lblAreaId" Style="display: none;" runat="server"></asp:Label>
            </asp:Panel>
            <div id="divRoomListingByLocation" style="padding-bottom: 10px; padding-top: 10px;">
                <asp:CheckBoxList ID="chkRoomList" CssClass="chkRooms" RepeatColumns="6" RepeatDirection="Vertical"
                    runat="server">
                </asp:CheckBoxList>
                <asp:Label ID="lblRoomMessage" Text="This Area does not have any room." ForeColor="Red"
                    runat="server"></asp:Label>
            </div>
        </div>
    </ItemTemplate>
</asp:Repeater>

我想要做的是:如果用户没有选中这两个复选框中的任何一个，那么它会提示一个警告，说点击按钮时选中两个列表中的一个复选框。

我已经尝试用类来实现它，但是类被附加到复选框列表的 html 表格呈现中。

Answer 1

由于您使用的是复选框列表，它会将指定的类应用到表而不是复选框。在那里你将不得不使用

$(".chkarea").find("input:checked").length;

这将返回为类为“chkarea”的复选框列表选中的所有复选框的计数