2

buenas, estoy comenzando a utilizar jquery así que aun no se mucho, quisiera hacer lo siguiente. tengo un checkbox. simple. pero que estoy cargando por defecto 'checked' y quiero que al tratar de destiquiarlo me salga un mensaje de confirmación en javascript. como podría resolver esto?

<div class="switch">
  <label>Guardar<input type="checkbox" value="1" class="check" checked><span class="lever"></span>
  </label>
</div>

3
  • 2
    Te recomendaria que agregaras tu codigo, para que sea mas facil apoyarte Commented el 3 feb. 2017 a las 19:50
  • buenas, en realidad solo tendria el codigo del checkbox normal.. con la diferencia que este lo tengo tiqueado, es por eso mi pregunta.. pero voi agregar el codigo de todas formas.
    – max
    Commented el 3 feb. 2017 a las 19:56
  • Si agrega tu codigo para poder revisarlo y asi buscar entre todos una solucion Commented el 3 feb. 2017 a las 19:57

1 respuesta 1

3

Podrías resolverlo así:

  • Suscribirte al evento change del checkbox.
  • Si no esta checked, entonces pedir confirmación.
  • Dependiendo de la respuesta obtenida, dejar checked o no, el checkbox.

document.getElementById('checkbox').addEventListener('change', function() {
  // Si no esta checked
  if (!this.checked) {
    this.checked = !confirm('¿Esta seguro que no quiere guardar?');
  }
});
<label><input id="checkbox" type="checkbox" checked />Guardar!</label>

2
  • gracias era lo que necesitaba, solo una consulta mas.. es posible lanzar una petición ajax, al aceptar el confirm?
    – max
    Commented el 3 feb. 2017 a las 20:16
  • @max, si, claro. Puede hacerlo justo debajo de la linea del confirm. agregan, por ejemplo, /* si acepto no guardar */ if(!this.checked) { /* aqui codigo ajax */ }.
    – Marcos
    Commented el 3 feb. 2017 a las 20:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.