Tenho um modal no qual contem uma lista que é gerada dinamicamente pelo jQuery por via de um callback do AJAX.
A questão e que eu preciso obter os id's de todos os "checkbox's" que foram selecionados no mesmo. Tenho quase certeza que irei precisar o método .on()
, mas só não sei como eu possa fazer o mesmo.
Abaixo segue minha lista que é gerada dinamicamente:
<ul id="list-of-passenger-service-item" class="list-cadastro skin skin-flat">
<li>
<input type="checkbox" id="25">
<label>Claudia Fernadez - Filho(a) - 09/06/2000</label>
</li>
</ul>
Já tentei algo do tipo, mas infelizmente não obtive sucesso, pois ele "pula" o .on()
:
$(document).on('change', '[type=checkbox]', function() {
$(this).each(function(){
console.log('obter os id\'s e armazenar em um array');
});
});
EDIÇÃO
Tentarei resumir o fluxo para melhor compreensão de todos.
Tenho um botão que tem como objetivo abrir um modal:
//Abre o Modal e realiza o append (Exemplo para ilustração do meu caso)
$('#open-modal-item').click(function (event){
event.preventDefault();
$('#modalItem').modal('show');
//Chamada AJAX omitida
$('#list-of-passenger-service-item').append("<li> <input type=\"checkbox\" id=\""+value.id+"\"> <label>" + value.firstName + " " + value.lastName + " - Cônjuge - " + date.toLocaleDateString() + '</label> </li>');
});
Logo, em meu modal tenho um botão que tem como objetivo realizar a confirmação dos dados:
$('#service-item-btn-confirm').click(function (event){
event.preventDefault();
//Varias linhas foram omitidas para facilitar o entedimento
//Chamo o metodo que tem como objetivo construir um objeto JSON para posteriormente passar para o back-end
constructServiceItemObj();
})
Finalmente dentro do método constructServiceItemObj();
eu preciso pegar todos os componentes checkbox's que foram selecionados pelo usuário:
function constructServiceItemObj(){
$("input:checkbox[name=type]:checked").each(function(i, el){
var id = $(this).find(':input');
});
});
Infelizmente o mesmo não funciona! Justamente pelo motivo (creio eu) que os elementos da minha lista que comtem o checkbox's são gerados dinamicamente, logo eu precise talvez de um .on()
no meu $.each()
.