jQuery: Al seleccionar la casilla de verificación marcada

Question

Supongamos que tengo el código HTML siguiente:

<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> 

Ahora, ¿cómo puedo seleccionar los campos de entrada controladas con el nombre 'foo []'?

Este es mi intento, pero no funciona:

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

Answer 1

El nombre del campo no es foo, es foo[]. Se podría utilizar el selector de attributeStartsWith:

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

Idealmente, usted sería capaz de hacer esto:

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

Pero como explica this answer, jQuery utiliza esto para analizar la parte value de la condición attr=value:

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

\ 3 siendo el grupo que contiene la abertura citas, que extrañamente pueden ser múltiples citas de apertura, o sin citas de apertura. Los .*? a continuación, puede analizar cualquier carácter, incluidas las comillas hasta que llegue al primer carácter ']', finalizando la coincidencia. No hay ninguna disposición para los caracteres especiales CSS de escape de barra invertida, por lo que no puede hacer coincidir un valor de cadena arbitrario en jQuery.

En otras palabras, tan pronto como jQuery golpea el primer ] cree que el valor ha terminado. Así que estás atrapado con inicios con o usando elementos DOM puros, como esa respuesta también explica.

Super Duper EDITAR IMPORTANTE:
Este error se corrige, al parecer. Debería poder usar el código que describí como "ideal", arriba.

Answer 2

Creo que es algo como esto:

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

EDIT: El comentarista es correcto. Debería haber ido con mi primera respuesta. :) Esta vez voy a usar el "^".

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

Answer 3

Usted debe citar el atributo al seleccionar e incluir []:

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

Answer 4

En realidad, lo que tiene funciona muy bien, sólo tiene que utilizar comillas dobles, e incluye los soportes para que pueda igualar.

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

Se puede ver en acción aquí: http://jsbin.com/oyoro

Tenga en cuenta que jQuery ha tenido problemas de encendido y apagado con soportes en el pasado, lo que puede explicar gran parte de la confusión que rodea a la necesidad de escapar. Sé que he tenido problemas con corchetes y solo estoy citando.

Ver: http://dev.jquery.com/ticket/3443