cambiar variable php según valor del checkbox

[jon12345]

Buenos días,

estoy intentando hacer lo siguiente:

quiero poner un checkbox en mi página que según el valor que tenga (marcado o desmarcado) cambie la variable en php a 0 o a 1. La intención es que, si el valor de la variable en php es 0, pinte una tabla sin detallar, y si la variable en php es 1, pinte la tabla detallada con más campos. Poniéndo la variable fija me funciona ( un simple if) pero quiero que la variable de php cambie según el estado del check.

Muchas gracias y un saludo!

[xinxan22]

Buenas tardes,

Si no quieres actualizar la página tendrás que usar AJAX.

Código HTML:

<script>
function mi_funcion(){

  //Aquí coges si está check o no (0 o 1)  
  estado = document.getElementById('id-mi-check').checked; //True o False

  //Aquí haces la petición AJAX
  // --> envías a "servidor.php" la variable "estado" y su valor

  //Aquí recoges el resultado de la petición AJAX (el echo del archivo "servidor.php"
  resultado = ....

  //Aquí muestras el resultado
  document.getElementById('id_contenido').innerHTML=resultado;

}
</script>

<input type="checkbox" id="id-mi-check" onclick="mi_funcion()" />

<div id="id-contenido"></div> 

En php tendrás que hacer algo parecido a:

servidor.php

Código PHP:

  <?php
 
$estado_check = $_POST['estado']; //Suponiendo que envías por POST
 
if($estado_check ==0){
  ..
  $resultado = ...
}
else{
  ..
  $resultado = ...
}
 
echo($resultado);
 
?>   

En el caso que quieras actualizar la página, simplemente haces submit cuando hagan click encima del checkbox:

Código HTML:

<form id="form-id">  
  <input type="checkbox" id="id-mi-check" onclick="document.getElementById('form-id').submit();" />
</form>

<div id="id-contenido"></div> 

Saludos