Jquery在span中获取复选框答案

【问题标题】：Jquery get Checkbox in spanJquery在span中获取复选框
【发布时间】：2014-07-23 15:42:57
【问题描述】：

我有一些 jquery 代码，当用户单击 div 时，我试图在其中选择一个复选框。我的小提琴如下：

我想出的是这个，但它没有选择跨度内的复选框：

$('span[name="' + current + '"]').closest('input:checkbox[id="CB_Selected"]').prop('checked', true);

完整代码在链接中

我的问题是如何根据其唯一名称获取跨度内的选择框并选择它？

n.b 我已经注释掉了 jquery 中的隐藏函数，以便直观地查看复选框是否被选中

编辑我的 ID 是相同的，因为我在 ASP.NET 内部工作并使用转发器来创建小提琴中显示的 HTML。在中继器内部，我无法设置项目的 ID，因为中继器控件不允许我使用 Eval(datasource) 设置 ID

【问题讨论】：

【解决方案1】：

ID 是唯一的。你只需要这个：

$("#CB_Selected").prop('checked', true);

其实，你甚至不需要 jQuery：

document.getElementByID('CB_Selected').checked = true;

正如其他人所指出的，如果有多个复选框，最好使用类而不是 ID。另外，input 不能有孩子，所以closest 函数不起作用；你的意思是find（针对儿童）还是siblings？

【讨论】：

【解决方案2】：

不要为多个复选框提供相同的 ID（这会使您的 html 无效），而是在复选框上使用一个类。变化：

<input id="CB_Selected" type="checkbox" name="ctl00$ContentPlaceHolder_Content_Wraper$ctl01$Repeater_Selected$ctl00$CB_Selected" />

收件人：

<input class="CB_Selected" type="checkbox" name="ctl00$ContentPlaceHolder_Content_Wraper$ctl01$Repeater_Selected$ctl00$CB_Selected" />

然后就可以使用代码了：

$('#s_' + this.id).find(':checkbox.CB_Selected').prop('checked', true);

【讨论】：