Buenos días.
me ocurre una cosa con este trocito de código, creo que debe ser un error de concepto propio mio.
El caso es que solo ejecuta la petición asíncrona AJAX cuando pulso por segunda vez el checkbox.
¿Por qué puede estar ocurriendo esto?
Un saludo y muchas gracias.
Código HTML:
<input type="checkbox" id="confirmar" name="confirmar" data-id="reserva" class="form-control" onclick="guardar_confirmar()"/>
Código Javascript
:
Ver original<script type="application/javascript">
function guardar_confirmar() {
alert("dentro");
var checkbox = document.getElementById("confirmar"),
ajax = function(url){
var xhr = window.XMLHttpRequest ?
new XMLHttpRequest() :
new ActiveXObject("Microsoft.XMLHTTP") ||
new ActiveXObject("Msxml2.XMLHTTP");
xhr.open("GET", url, true);
xhr.send(null);
};
checkbox.addEventListener("click", function(){
var estado = this.checked ? 1 : 0, //Si está marcado, asigno 1 a 'estado', si no, 0
id = this.getAttribute("data-id"), //El valor del pseudo-atributo 'data-id'
url = "/admin/editar-detalle-cobro.php?estado=" + estado + "&idcheckbox=" + id + "&confirmar=1" + "$id=";
alert(url);
ajax(url); //Ejecuto la petición asíncrona, enviando los valores
}, false);
}
</script>