Селектор jQuery для доступа к выбранным флажкам ASP.NET

Question

Я ищу небольшую помощь в создании правильного селектора в jQuery. Мое приложение использует ASP.NET, поэтому мне приходится иметь дело с идентификаторами клиентов, которые отображаются динамически. Поэтому мне нужно выбрать элементы на основе назначенного имени класса. Проблема в том, что я использую элемент управления 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

try

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

Я не думаю, что вам действительно нужен селектор :first, если только не существует вероятность того, что у вас есть более одного входа в качестве потомка диапазона с классом CSSCheckboxClassName.

Вот пример, с которым вы можете играть .

Answer 2

Мне всегда везло с:

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

}