Ya probé todas las formas posibles, pero todavía no conseguí que funcionara. Tengo una ventana modal con un checkboxdeseo de que cuando se abra el modal, la checkboxcasilla de verificación o desmarque se base en un valor de base de datos. (Ya lo tengo trabajando con otros campos de formulario). Comencé a tratar de comprobarlo pero no funcionó.
Mi html div:
<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>y el jquery:
$("#estado_cat").prop( "checked", true );También probé con attr, y otros que se ven aquí en los foros, pero ninguno parece funcionar. ¿Alguien puede señalarme el camino correcto?
EDITAR: ok, realmente me falta algo aquí ... Puedo marcar / desmarcar usando código si la casilla de verificación está en la página, pero está en la ventana modal, no puedo. Intenté docenas de formas diferentes ...
Tengo un enlace que se supone que abre el modal:
y jquery para "escuchar" el clic y ejecutar algunas operaciones como llenar algunos cuadros de texto con datos provenientes de la base de datos. Todo funciona como quiero, pero el problema es que no puedo configurar la casilla de verificación marcada / desmarcada usando el código. ¡ayuda 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;
});
});