[SOLUCIONADO] No puedo detectar un evento

[mblascog]

Buenas,
Tengo un problema. A través de jquery, al inicio, ejecuto una función en php, que genera un listado de checkboxs con los barrios de mi ciudad. El value de dichos checkboxs es el código postal al que pertencen.

Un checkbox de los que se crean es así:

Código HTML:

<input type="checkbox" class="barrio" value="99999">
 

No tengo problema en obtener todos los que están seleccionados

Código Javascript:

$(".barrio").each(function() {
    if (this.checked)  
             ....
});
 

Pero no hay manera de detectar cuando lo seleccionan o deseleccionan. Lo hago así:

Código Javascript:

$(".barrio").change(function(){
    alert("hola");
});
 

Alguien sabe por qué no funciona el evento change del barrio?

Gracias

[PHPeros]

Para obtener los seleccionados te recomiendo usar el selector :checked

Código Javascript:

$(".barrio:checked")
 

Lo último que dices, prueba a delegar el evento mediante on("change", ...).

[mblascog]

Gracias PHperos, he probado

Código Javascript:

$(".barris").on('change', function(){
    alert("hola");
});
 

Y nada, no detecta el click

Tengo otros checboxs con lo que no tengo problema en controlar los eventos. La diferencia es que estos los he escrito directamente en html, y los de los barrios, los creo leyendo la base de datos, y esto lo hago cuando se carga el documento, es decir:

Código Javascript:

$(document).ready(function(){
        $.post("<?php echo URL.'includes/inc_getBarrios.php'?>", function(data){$("#losBarrios").html(data);}); 
        ....
}
 

Desconozco si el problema está que jquery no detecta los eventos de los objetos creados dinámicamente.

En cuanto a la segurencia del :checked, lo hago ahora. Gracias

[mblascog]

Buenas,
Por si es de interés de alguien, el problema es que al generar los inputs dinámicamente, jquery no los detecta.
Para ello hay que actuar a nivel de document, de la siguiente forma funciona:

Código Javascript:

$(document).on('change', ".barrios", function() {
    alert("hola");
});