สอบถามแนวทางหรือ Keyword ในการทำ Toggle Status Online/Offline บันทึกค่าโดยไม่ต้องกด Submit ครับ

<?php
$conection = new PDO('<<connection details>>');
$users = $connection->query("<<SELECT QUERY>>");

while ($row = $users->fetch(PDO::FETCH_ASSOC)) {
    if ($row['BlockUser'] == '1') {
        $user_visi_list.= "<div class=\"checkbox checkbox-danger\">
                           <input id=".$row['UserID']." value=".$row['UserID']." name=\"agreement[]\" type=\"checkbox\" class=\"styled\" checked=\"\">
                           <label for=".$row['UserID'].">".$row['UserName']."</label>
                           </div>";
    }
    else {
        $user_visi_list.= "<div class=\"checkbox checkbox-danger\">
                           <input id=".$row['UserID']." value=".$row['UserID']." name=\"agreement[]\" type=\"checkbox\" class=\"styled\">
                           <label for=".$row['UserID'].">".$row['UserName']."</label>
                           </div>";
    }
  }
  echo $user_visi_list;
?>

$(".checkbox-class-name").on('change', function() {
    if(this.checked) {
        var checkboxChecked = 'true';
    } else {
        var checkboxChecked = 'false';
    }

    $.ajax({
        // ส่งไปให้ server insert/update ก็ว่ากันไป
    });
});

	
	<td class="ON-OFF">
  <?php 
      if($rs['status_slide'] =="1"){
  ?>
      <input name="icon<?php echo $rs['id']; ?>" id="icon<?php echo $rs['id']; ?>" rel="<?php echo $rs['id']; ?>"  type="checkbox" data-toggle="toggle" data-on="เปิดใช้งาน" data-off="ปิดใช้งาน" data-onstyle="success" data-offstyle="danger" checked>

  <?php      
       
       }else if($rs['status_slide'] =="0"){
  ?>
      <input name="icon<?php echo $rs['id']; ?>" id="icon<?php echo $rs['id']; ?>" rel="<?php echo $rs['id']; ?>"  type="checkbox" data-toggle="toggle" data-on="เปิดใช้งาน" data-off="ปิดใช้งาน" data-onstyle="success" data-offstyle="danger">
  <?php
       }else{
  ?>
      <button>ภาพ slide แรกเสมอ</button>
  <?php  
       }
       
       ?>
  <script>
  $(function() {
    $('#icon<?php echo $rs['id']; ?>').change(function() {
    	//alert($(this).prop('checked'));
    	var ch_val = $(this).prop('checked');
    	var rel = $(this).attr('rel');
    	//alert(ch_val);

    	if(ch_val==true){
    		var status = 1;
    		//alert(status);
    	}
    	if(ch_val==false){
    		var status = 0;
    		//alert(status);
    	}

      $.ajax({
        	url: 'update_status_slide.php',
        	type: 'POST',
        	data: {id: rel, value: status,},
        	async: false,
        	success: function (data) {
            //console.log(data);
         		}
    		});

  
     })
  })
</script>
	</td>