Es posible activar y desactivar un select o los inputs de acuerdo a lo que necesito, es relativamente fácil, aunque no lo consigo. Lo que quiero es simplemente que cuando pulse o selecccione un select los demás selects se desactiven.
Por ejemplo al seleccionar un estudiante todos los demas campos se bloqueen, es decir los selects de ciclo academico, carrera y los botones de procesos culminados y en proceso de titulacion.
Código fuente:
<div class="container table table-hover">
<div class="form-group">
<h3>Generación de Reportes Varios</h3>
</div>
</div>
<div class="container">
<h5 class="center">Filtros para generar reporte</h5>
<form id="Datos" name="Datos" action="{$fsc->url()}" method="post" class="table">
<label for="ciclo">Estudiante</label>
<div >
<select name="idestudiante" id="idestudiante" class="form-control col s10">
<option value="" disabled selected>Seleccione un estudiante...</option>
{loop="$fsc->estudiantes"}
<option value="{$value->idestudiante}">{$value->est_primerapellido} {$value->est_segundoapellido} {$value->est_primernombre} {$value->est_segundonombre}</option>
{/loop}
</select>
</div>
<label for="ciclo">Ciclo Académico</label>
<div class="input-field col s10">
<select name="ciclo" id="ciclo" class="form-control col s10">
<option value="" disabled selected>Seleccione ciclo académico...</option>
{loop="$fsc->ciclos"}
<option value="{$value['id']}">{$value['nomenclatura']}</option>
{/loop}
</select>
</div>
<label for="carrera">Carrera</label>
<div class="input-field col s10">
<select name="idcarrera" id="idcarrera" class="form-control col s10">
<option value="" disabled selected>Seleccione carrera...</option>
{loop="$fsc->carrera"}
<option value="{$value->idcarrera}">{$value->car_nombre}</option>
{/loop}
</select>
</div>
<br>
<div class="checkbox">
<p>
<label>
<i class="medium material-icons">playlist_add_check</i>
<input type="checkbox" name="procesos_culminados" id="procesos_culminados" />
<span>Procesos Culminados</span>
</label>
</p>
</div>
<br>
<div class="checkbox">
<p>
<label>
<i class="medium material-icons">sync_problem</i>
<input type="checkbox" name="en_proceso" id="en_proceso" />
<span>Estudiantes en Procesos de titulación</span>
</label>
</p>
</div>
<div class="col s12 right">
<p>
<a href="#" class="waves-effect waves-light btn-large blue generar">
<i class="large material-icons">picture_as_pdf</i>
Generar Reporte
</a>
</p>
</div>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfobject/2.1.1/pdfobject.js"></script>
<div id="my-container" class="container"></div>
<script>
$(document).ready(function () {
$('.generar').on('click', function(){
if($('#ciclo').val() != null && $('#idcarrera').val() == null){
alert('Debe seleccionar una carrera para generar el reporte por ciclo');
$('#idcarrera').focus();
}
else{
PDFObject.embed('reportes_actions.php?accion=generarReporteEstudiante&idestudiante=' + $('#idestudiante').val() +
'&idciclo=' + $('#ciclo').val() +
'&idcarrera=' + $('#idcarrera').val() +
'&procesos_culminados=' + $('#procesos_culminados').prop('checked') +
'&en_proceso=' + $('#en_proceso').prop('checked')
+ '', "#my-container", {height: "800px;"});
}
});
$('#idestudiante').on('change', function(){
$('#ciclo').attr("value",'')
$('#en_proceso').attr("checked",false)
$('#procesos_culminados').attr("checked",false)
});
$('#ciclo').on('change', function(){
$('#idestudiante').attr("value",'')
});
});
</script>