使用 jQuery 获取数据绑定 asp.NET 复选框列表的最后一个选定值答案

【问题标题】：Get last selected value of a databound asp.NET checkboxlist with jQuery使用 jQuery 获取数据绑定 asp.NET 复选框列表的最后一个选定值
【发布时间】：2012-11-23 06:34:23
【问题描述】：

我在 asp.NET 中有一个带有 DataTextField 和 DataValueField 的数据绑定 Checkboxlist。

现在，如果我在该列表中选择一个项目，我只需要该项目的值。

我找到了很多解决方案来查找所有选定项目的值，但这不是我需要的。我需要的唯一值是我刚刚选择或取消选择的值。

有没有办法用 jQuery 代码获取这个值？例如在如下代码中的警报中。

$("#checkboxlist").click(function () {
            alert('value of the item that just got (de)selected');
        });

非常感谢！

更新：这是html部分：

<span id="checkboxlist">
    <input id="checkboxlist_0" type="checkbox" name="checkboxlist$checkboxlist_0" value="11" />
    <label for="checkboxlist_0">Item 1</label><br />

    <input id="checkboxlist_1" type="checkbox" name="checkboxlist$checkboxlist_1" value="12" />
    <label for="checkboxlist_1">Item 2</label><br />

    <input id="checkboxlist_2" type="checkbox" name="checkboxlist$checkboxlist_2" value="13" />
    <label for="checkboxlist_2">Item 3</label><br />

    <input id="checkboxlist_3" type="checkbox" name="checkboxlist$checkboxlist_3" value="14" />
    <label for="checkboxlist_3">Item 4</label><br />
</span>

【问题讨论】：

我将复选框列表的 Html 部分放在我的问题中。谢谢:)
嗯，这就是asp 部分，你能显示它是由它生成的Html 吗？
我想我误解了，抱歉。新的更新包含生成的 Html。

标签： jquery asp.net checkboxlist selectedvalue

【解决方案1】：

此代码应该可以工作 (Attribute Ends with selector)：

$('[id$="checkboxlist"] input').click(function () {
            alert($(this).val());
});

asp:CheckBoxList 将呈现为某个元素（在您的情况下应该是 span），其 ID 类似于 ctl00_contenttop_checkboxlist 并在其中输入。上面的代码将在 ID 以 checkboxlist 结尾的元素内查找所有输入，并在单击其中一个元素时触发。

但属性结尾可能会很慢，所以最好这样做：

$("#<%=checkboxlist.ClientID %> input").click(function () {
                alert($(this).val());
});

checkboxlist.ClientID 将在客户端返回包装元素的 ID。

UPD：

根据您的 HTML，看起来不需要 ClientID（因为看起来您正在使用启用了 ClientIDMode 的 .net 4）。在这种情况下，您可以简单地使用：

$("#checkboxlist input").click(function () {
                alert($(this).val());
});

Demo

【讨论】：