如何获取当前所选项目值的复选框列表

时间:2013-04-22 08:26:31

标签: jquery checkboxlist

我有一个checkboxlist。当我检查一个项目后,我将获得所选的项目值(不是所有选定的项目值,只有我现在选择的项目),我怎样才能在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>

2 个答案:

答案 0 :(得分:6)

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

如果jQuery&gt; = 1.7

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

如果jQuery&lt; 1.7

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

答案 1 :(得分:0)

这将显示复选框onclick的值:

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