Buenas tardes,
Estoy teniendo problemas con una lista de checkbox y un checkbox que sirve para marcarlos todos.
Aunque en el código y el depurador de Google Chrome veo como la propiedad checked cambia, visualmente los controles quedan desmarcados.
¿Alguien sabe porqué ocurre?
Debo aclarar que los items con clase .userInput son cargados mediante un método $.post de JQuery, pero tenía entendido que aunque no estuvieran presentes en el DOM a la hora de cargar la página, si podría cambiarlos asociándoles el manejador de eventos mediante ON y el evento change o click a los mismos.
El código que uso es el siguiente:
Código:
$(document).on('ready', function(){
$("#selectAll").on('change', function(){
$(".userInput").each(function(){
$(this).attr("checked", $("#selectAll").is(":checked"));
})
});
});