Eu já tentei de todas as maneiras possíveis, mas ainda não consegui. Eu tenho uma janela modal com um checkboxEu quero que quando o modal for aberto, a checkboxseleção ou desmarque deve basear-se em um valor do banco de dados. (Já tenho que trabalhar com outros campos de formulário.) Comecei a tentar verificá-lo, mas não funcionou.
Meu div html:
<div id="fModal" class="modal" >
...
<div class="row-form">
<div class="span12">
<span class="top title">Estado</span>
<input type="checkbox" id="estado_cat" class="ibtn">
</div>
</div>
</div>
e o jquery:
$("#estado_cat").prop( "checked", true );Eu também tentei com attr, e outros vistos aqui nos fóruns, mas nenhum parece funcionar. Alguém pode me indicar o caminho certo?
EDIT: ok, estou realmente faltando algo aqui ... Posso marcar / desmarcar usando código se a caixa de seleção estiver na página, mas está na janela modal, não posso. Eu tentei dezenas de maneiras diferentes ...
Eu tenho um link que deveria abrir o modal:
e jquery para "ouvir" o clique e executar algumas operações como preencher algumas caixas de texto com dados provenientes do banco de dados. Tudo funciona como eu quero, mas o problema é que não consigo marcar a caixa de seleção marcada / desmarcada usando o código. ajuda por favor!
$(function() {
$(".editButton").click(function(){
var id = $(this).data('id');
$.ajax({
type: "POST",
url: "process.php",
dataType:"json",
data: { id: id, op: "edit" },
}).done(function( data ) {
//the next two lines work fine, i.e., it grabs the value from database and fills the textboxes
$("#nome_categoria").val( data['nome_categoria'] );
$("#descricao_categoria").val( data['descricao_categoria'] );
//then I tried to set the checkbox checked (because its unchecked by default) and it does not work
$("#estado_cat").prop("checked", true);
$('#fModal').modal('show');
});
evt.preventDefault();
return false;
});
});