用于访问所选ASP.NET复选框的jQuery选择器

Question

我正在寻找一些帮助在jQuery中构建正确的选择器。我的应用程序使用ASP.NET，因此我必须处理动态呈现的客户端ID。因此，我需要根据指定的类名选择元素。这个问题是我使用的是ASP.NET Checkbox控件，它将<span>标签包装在Checkbox控件中。我目前可以使用input:first-child ...

选择我想要的复选框

这是渲染的复选框

<span class="CheckboxClassName">
  <input id="xxxxx" type="checkbox" name="xxxxx" checked="checked" />
</span>

这是jQuery选择器

$(".CheckboxClassName input:first-child")

此选择的工作原理是选择元素的第一个子元素，即我想要的复选框。问题是我想修改选择器以仅选择那些“已检查”的复选框。我试图用这个......

$(".CheckboxClassName input:first-child:checked")

但它不起作用。

有关我的错误以及如何选择所选的ASP.NET复选框的任何建议吗？

Answer 1

尝试

$("span.CheckboxClassName input:checked");

我认为你真的不需要:first选择器，除非有可能你有多个输入作为CSS类CheckboxClassName的跨度的后代。

这是 an example that you can play with 。

Answer 2

我一直很幸运：

if($('.CheckboxClassName input').is(':checked')){

}