Tenho vários componentes checkbox switchery que são criados automaticamente no qual eu controlo o ID manualmente, em tese, uma lista de elementos. Eu preciso fazer o seguinte: Ao desmarcar um dos checkbox de uma row, o evento change será disparado e um laço de repetição percorrerá todas as outras rows e deverá "desselecionar" os demais checkboxes.
Já tentei remover o 'checked' conforme abaixo, mas não funcionou. Não sei se é coisa do componente switchery, mas removendo ou não a marca 'checked', parece não alterar o state do componente.
$('#PessoaViewModel_PessoasEnderecosViewModel_" + indice + "__EnderecoPrincipal').attr('checked','');
No asp.net, estou fazendo desse modo com o razor:
<div class="col-md-2">
<input type="checkbox" class="ckb-endereco-principal" name="PessoaViewModel.PessoasEnderecosViewModel[@(i)].EnderecoPrincipal" id="PessoaViewModel_PessoasEnderecosViewModel_@(i)__EnderecoPrincipal" data-plugin="switchery" data-size="small" @(Model[i].EnderecoPrincipal ? "checked=\"checked\"" : "")/>
<label asp-for="@Model[i].EnderecoPrincipal" class="control-label lb-endereco-principal">Principal</label>
</div>
E abaixo, segue o script JS:
$("#div-enderecos").on("change", ".ckb-endereco-principal", function () {
var enderecoTipo = $(this).closest('.row').find('.sel-endereco-tipo').val();
$("#div-enderecos .row").each(function (indice, elemento) {
if ($(this).closest('.row').find('.sel-endereco-tipo').val() === enderecoTipo) {
$("#PessoaViewModel_PessoasEnderecosViewModel_" + indice + "__EnderecoPrincipal").attr('checked', '');
}
});
});
Alguém sabe como me ajudar?
Um abraço a todos :)