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'));
});

Answer 2

这将显示复选框 onclick 的值：

$('input:checkbox').click(function() {
    alert($(this).val());
});