Cambiar <input type="checkbox" checked> por <input type="checkbox" check>

[safernandez666]

Iniciado por Alexis88

No veo ninguna imagen. Mejor coloca el código utilizando los highlights respectivos.

Gracias Alexis, por la predisposicion. Por suerte, llegue a buen puerto! Voy a poner el codigo, por si algun compañero esta en la misma problematica!

1. JSON hecho en PHP -> json.php (Hare referencia en el jQuery)

Código PHP:

<?php 
   
  $server = XXX;
  $user = XXX;
  $pass = XXX;
  $bd = XXXX;
   
  //Creamos la conexión
  $conexion = mysqli_connect($server, $user, $pass,$bd) 
  or die("Ha sucedido un error inexperado en la conexion de la base de datos");
   
  //generamos la consulta
  $sql = "SELECT * FROM estados";
  mysqli_set_charset($conexion, "utf8"); //formato de datos utf8
   
  if(!$result = mysqli_query($conexion, $sql)) die();
   
  $clientes = array(); //creamos un array
   
  while($row = mysqli_fetch_array($result)) 
  { 
      $id=$row['id'];
      $espacio=$row['espacio'];
      $estado=$row['estado'];
 
      $estados[] = array('id'=> $id, 'espacio'=> $espacio, 'estado'=> ($estado == 1) );
   
  }
      
  //desconectamos la base de datos
  $close = mysqli_close($conexion) 
  or die("Ha sucedido un error inexperado en la desconexion de la base de datos");
    
 
  // Enviamos los headers correctos header("content-type","aplication/json")  
  //Creamos el JSON
  $json_string = json_encode($estados);
  echo $json_string;
 

La salida, sera recibida por el jQuery. El mismo pharseara el JSON para poder editar los TAG de los botones!

Código Javascript:

<script>
            jQuery(function($) {
            //Disparar funcion al hacer clic en el boton Ajax
            
            function actualizaBtn () {
            //console.log("actualizando...")
            //llamada ajax
              $.ajax({
                    timeout: 10000, //DeboChequearElParametro
                    url: "json.php", //url de donde obtener los datos
                    dataType: 'json', //tipo de datos retornados
                    type: 'post' //enviar variables como post
                }).then(function(data){
 
                    //console.log("recibi", data);
                    for(var i=0;i<data.length;i++)
                    {
 
                        var espacio = data[i].espacio;
                        var estado = data[i].estado;
                        //console.log("#btn-" + espacio, estado);//DEBUGGING
                        $("#btn-" + espacio)[0].checked = estado;
                    }
                }).always(function(){
                    setTimeout(actualizaBtn,3000);
                });
            }
            actualizaBtn();
            });
        </script>
 

Espero haber ayudado, como me han ayudado a mi! Mil gracias Alexis, por la preocupacion de mi tema!.

Saludos desde Argentina!