asp.net - JQuery:获取 ASP.NET CheckBoxList 控件中复选框的值/文本/innerHtml

Question

我有一堆由 asp.net CheckBoxList 控件生成的复选框。我想获取用户在页面上的控件旁边看到的文本。

使用类似的控件，例如 RadioButtonList，我可以通过执行以下操作在 jQuery 中获取它们的值:

var selected = $("input:checked[id*='" + Control.id + "']");

然后循环并获取值:

var whatIwant = selections[i].value;

(在这种情况下，该“值”将是我想要的文本)。

但是 - CheckBoxList 的呈现方式有所不同。对于每个 ListItem，不仅有输入，还有一个 html 标签，如下所示:

<input id="ctl00_ContentPlaceHolder1_ConsultedList_0" type="checkbox" name="ctl00$ContentPlaceHolder1$ConsultedList$0" />
<label for="ctl00_ContentPlaceHolder1_ConsultedList_0">Other service providers</label>

如您所见，输入标记本身(这是我漂亮的小 jQuery 查询找到的内容)不包含我想要的信息:“其他服务提供商”。这是标签上的。

任何人都可以为此想到一个好的解决方案 - 也许是使 CheckBoxList 呈现输入标记中我需要的文本的好方法，或者一些聪明的 jQuery 来查找与所选相对应的标签> 输入？

Answer 1

您可以使用已经使用的选择器(但只需使用 clientId)，然后获取下一个同级(标签)并获取其文本值

例如

$("#" + Control.ClientId).next().text();

或者您可以使用其 for 属性来获取标签

$("label[for=" + Control.ClientId + "]").text();