Contrôler des ventilateur a partir d'une interface web

je fait ce script qui faire l'appel a un code php qui insert la valeur '1' dans la base de données

<script>
$(document).ready(function(){

 $('#defaultUnchecked').change(function(){
	
  if($(this).prop('checked'))
  {
   var on=$('#hidden_ventilo').val('1');
  }
  else
  {
   var on=$('#hidden_ventilo').val('0');
  }
 });
 
 
 $('#hidden_ventilo').on('click', function(event){
	event.preventDefault();
	
	var form_data = on;
	
	$.ajax({
	method:"POST",	
    url:"../includes/insert.php",
    data:form_data,
	});
 });
  });
 </script>

<?php

session_start();
include_once 'conn.inc.php';




if (isset($_POST['hidden_ventilo'])){

$hidden_ventilo = 1 ;
$resultat= mysqli_query($connn,"INSERT INTO `ventilo` (`ventilo1`) VALUES ('$hidden_ventilo');") or die ("Failed to query database".mysqli_error());

}
?>

mais le bouton devient statique et ne toggle malgré je clique plusieurs fois sur elle...

Quel est le rapport entre à ta question et le forum que tu as choisi mysql ???
il semble que ta question concerne ton code JavaScript..
Sachant que tu ne nous montres pas non plus le code HTML cela va être compliqué de te répondre avec exactitude
..
Mais je peux déjà te dire que tu as certainement mal placé ton appel Ajax je leur ai placé dans le même script que celui qui permet de modifier la valeur de ton "on"