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