jquery - 如何获取复选框列表当前选定的项目值

Question

我有一个复选框列表。当我检查其中的项目后，我将获得所选项目的值(不是所有所选项目的值，只有我现在选择的项目值)，我如何在jquery中做到这一点。

这是我的代码:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" Enabled="False">
        <asp:listitem value="1"></asp:listitem>
        <asp:listitem value="2"></asp:listitem>
        <asp:listitem value="3"></asp:listitem>
        <asp:listitem value="4"></asp:listitem>
    </asp:CheckBoxList>

Answer 1

您可以为所有复选框注册一个单击事件处理程序，在事件处理程序内this将指向单击的复选框

如果 jQuery >= 1.7

$('#CheckBoxList1').on('click', ':checkbox', function() {
    if ($(this).is(':checked')) {
        // handle checkbox check
        alert($(this).val());
    } else {
        // checkbox is unchecked
        alert('unchecked')
    }
});

如果 jQuery < 1.7

$('#CheckBoxList1 :checkbox').live('click', function() {
    alert($(this).is(':checked'));
});