Tengo el siguiente modal:
<div class="modal fade" id="TanqueBajo" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Tanque Bajo y Pozos</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="txtTanqueBajoInspeccionados">Inspeccionados:</label>
<input id="txtTanqueBajoInspeccionados" name="txtTanqueBajoInspeccionados" type="number" class="form-control" placeholder="Número de inspeccionados">
</div>
</div>
<div class="modal-footer">
<button id="btTanqueBajo" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
Que lo llamo al hacer clic el siguiente botón:
<button id="btTanqueBajo" type="button" class="btn btn-default btn-block" data-toggle="modal" data-target="#TanqueBajo">Tanque Bajo y Pozo</button>
Deseo cambiar la clase del botón, después de cerrar el modal, para ello tengo la siguiente función:
$(document).ready(function() {
$('#TanqueBajo').on('hidden.bs.modal', function(e) { document.getElementById("btTanqueBajo").className = 'btn btn-primary btn-block';});
});
Pero no me funciona. Podrían ayudarme indicándome que estoy haciendo mal o alguna otra alternativa de solución. Gracias de antemano.
$('#btTanqueBajo').on('click'...