Mostrar filtros marcados com checkbox e esconder ao desmarcar.

Sou iniciante em javascript e tenho este código, mas a parte que remove o filtro não está funcionando. Alguém pode me dizer o que está errado?

<script>
$(document).ready(function() {
// Mantenha uma matriz para rastrear quais filtros estão selecionados
var selectedFilters = [];

// Gerencie as mudanças nos filtros selecionados
$('input[type="checkbox"]').change(function() {
// Verifique se o checkbox foi selecionado ou desmarcado
if (this.checked) {
// Adicione o valor do filtro à matriz
selectedFilters.push(this.value);
} else {
// Remova o valor do filtro da matriz
selectedFilters = selectedFilters.filter(function(value) {
return value != this.value;
});
}

// Atualize a exibição dos filtros selecionados
$('#selected-filters').empty();
for (var i = 0; i < selectedFilters.length; i++) {
$('#selected-filters').append(`<div>${selectedFilters[i]}</div>`);
}
});
});
</script>