JQuery: Выбор проверил флажок

Question

Предположим, у меня есть следующий HTML:

<form id="myform"> 
    <input type='checkbox' name='foo[]'/> Check 1<br/> 
    <input type='checkbox' name='foo[]' checked='true'/> Check 2<br/> 
    <input type='checkbox' name='foo[]'/> Check 3<br/> 
</form> 

Теперь, как я выбираю проверенные поля ввода с именем 'Foo []?

Это моя попытка, но она не работает:

$('#myform input[name='foo']:checked:enabled'); 

Answer 1

Имя поля не foo, это foo[]. Вы можете использовать attributeStartsWith селектор:

$("input[name^='foo']:checked:enabled",'#myform'); 

В идеале, вы бы быть в состоянии сделать это:

$("input[name='foo[]']:checked:enabled",'#myform'); 

Но this answer объясняет, JQuery использует это, чтобы разобрать value часть условия attr=value:

(['"]*)(.*?)\3|)\s*\] 

\ 3 является группой, содержащей отверстие кавычки, которым, как правило, разрешено быть несколько открывающих котировок, или вообще не открывать кавычки. . *? затем может анализировать любой символ, включая кавычки, пока он не ударит по первому символу ']', заканчивая совпадение. Не существует резервных копий специальных символов CSS с обратной косой чертой, поэтому вы не можете сопоставить произвольное строковое значение в jQuery.

Другими словами, как только jQuery попадает в первый ], он считает, что значение закончено. Таким образом, вы застряли в startWith или используете чистые элементы DOM, так как этот ответ также объясняет.

супер пупер ВАЖНО EDIT:
Эта ошибка исправлена, по-видимому. Вы должны иметь возможность использовать код, который я назвал «идеальным», выше.

Answer 2

Я считаю, что идет что-то вроде этого:

$("input #foo[] :checked"); 

EDIT: Комментатор прав. Я должен был пойти с моим первым ответом. :) На этот раз я собираюсь использовать «^».

$("input[name^=foo] :checked"); 

Answer 3

Вы должны процитировать атрибут при выборе и включают []:

$("#myform input[name='foo[]']:checked:enabled"); 

Answer 4

На самом деле, что у вас есть работа просто отлично, просто использовать двойные кавычки, и включают в себя скобку, так как он может совпадать.

$("#myform input[name='foo[]']:checked:enabled"); 

Вы можете увидеть его в действии здесь: http://jsbin.com/oyoro

Обратите внимание, что Jquery имел проблемы и выключаться с кронштейнами в прошлом, что может объяснить много путаницы окружающей необходимости побега. Я знаю, что у меня была проблема с скобками и просто цитированием.

См: http://dev.jquery.com/ticket/3443