如何在点击ASP.NET CheckBoxList中的复选框时获取对应项的DataValue值

我看了你的问题和代码，问题出在事件绑定的目标不对哦！咱们先理清楚核心问题：ASP.NET的CheckBoxList控件在前端会被渲染成一个<table>结构，每个复选框是嵌套在<table>内部的<input type="checkbox">元素。你之前把点击事件绑定到了整个CheckBoxList的容器（也就是那个table）上，所以当你点击复选框时，this指向的是整个table，而不是被点击的那个复选框——这就解释了为什么this.value是undefined，而且$(this).is(":checked")永远为false（table元素根本没有checked状态），所以代码一直走else分支。

接下来给你修改后的解决方案：

我们需要把事件绑定到每个具体的复选框上，而不是整个列表容器。修改你的jQuery代码如下：

$(document).ready(function() {
  // 精准选择CheckBoxList内部的所有复选框元素
  $('#<%= CheckBoxList_Items.ClientID %> input[type="checkbox"]').on('change', function() {
    // this现在指向被点击/切换状态的那个复选框
    const itemId = this.value; // 这里就能拿到DataValueField对应的ItemID了
    if ($(this).is(":checked")) {
      alert("ID #" + itemId + " was just checked.");
      // 这里可以替换成你要触发的业务逻辑，比如AJAX请求后端处理该ItemID
    } else {
      alert("ID #" + itemId + " was just unchecked.");
      // 取消选中时的逻辑（如果需要的话）
    }
  });
});

几个关键的优化点： #

• 事件绑定目标：用#<%= CheckBoxList_Items.ClientID %> input[type="checkbox"]精准选中列表里的每个复选框，而不是整个容器，确保事件触发时this指向正确的元素。
• 事件类型选择：用change事件代替click，这样无论是用鼠标点击还是键盘操作（比如空格切换选中状态）都能触发，兼容性和准确性更好。
• 取值逻辑：现在this就是当前操作的复选框元素，this.value或者$(this).val()都能正确获取到你在后台设置的DataValueField（也就是ItemID）的值。

另外要确认的是，你后台的绑定代码是没问题的：

MyDataSet = GetItems(MyConnection, MyDataSetAssoc.Tables(0).Rows(0)("itemvalue"), MyDataSetPrograms.Tables(0).Rows(0)("Program"))
CheckBoxList_Items.DataSource = MyDataSet
CheckBoxList_Items.DataMember = "Items"
CheckBoxList_Items.DataTextField = "ItemName"
CheckBoxList_Items.DataValueField = "ItemID"

你已经正确设置了DataValueField = "ItemID"，所以前端生成的复选框的value属性就是对应的ItemID，修改后的jQuery代码就能正确拿到这个值了。

如果需要把选中的ID传给后端触发流程，你可以把alert的部分替换成AJAX请求，比如用$.ajax()把ItemID发送到你的后端接口，这样就能立即处理这个选中项，完全不用去遍历整个列表做判断，效率高很多。

备注：内容来源于stack exchange，提问作者Prescott Chartier