Necesito hacer que el modal que se abre al cargar no se pueda cerrar a menos que el check de aceptar esté checkeado sé como comprobar que esté checkeado pero lo qe no es como hacer que no se pueda cerrar el modal, ya que con clicar fuera de este es suficiente para que se cierre...
setTimeout(
$(window).on('load', function() {
$('#condiciones_rgpd').modal('show');
}),
5000
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="modal fade" id="condiciones_rgpd" tabindex="-1" role="dialog" aria-labelledby="lbcondiciones_rgpd" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="condiciones_rgpdDiv">
<h1>HOLA</h1>
<input type="checkbox"> Aceptar
</div>
</div>
</div>
</div>
</div>
<div>
con una id que tenga en el css por defectodisplay:none
, con posición fija y defines las coordenadas, y al pulsar un botón de la página o disparar un evento X cambie eldisplay:none
pordisplay:box
o la que mejor se adapte a tus necesidades, y para cerrarlo disparas un evento con las acciones que tú quieras que se cierre el modal (pinchar fuera, darle a una X, boton aceptar....), y en el handler del evento compruebas el valor del check, si no está pulsado, no cierras el modal, e incluso puedes añadir un mensaje de aviso. Es más dificil cambiar lo de bootstrap que esto :) – enrique manzano gil el 24 may. 18 a las 11:35