Como enviar por ajax grupo de checkbox marcado o sin marcar

[Montes28]

hola amigos tengo un formulario con una matriz de checkbox y necesito enviar por ajax un array ese envio lo debo de hacer cuando se marque o desmarque algun checkbox

este es mi codigo

Código Javascript:

$(function(){
$('input[type="checkbox"]').change(function(){
 var checkboxValues = new Array();
    $('input[name="estaciones[]"]:checked').each(function() {
          var id=$(this).attr('id');
    
          var value=$(this).val();
          if ($(this).prop('checked')){
              checkboxValues.push($(this).val());
          }
        });
         $.ajax({
          type: "GET",
          url: "getEstaciones",
          data: {info: checkboxValues },
          success: function (result) {
          var estaciones = result;
          alert(estaciones);
          }
    });
});
 

[Alexis88]

Creo que sería mejor si guardaras todos los valores marcados a la vez mediante un formulario, ten en cuenta que puedes llegar a saturar al servidor con tantas peticiones.

Saludos

[Montes28]

Alexis88 gracias por responder, te voy a poner en contexto para que me des tu opinion:
Tengo un grupo de checkbox los cuales al cargar la pagina estan chequeados, el objetivo de la pagina es que cuando el usuario desmarque algun checkbox no colocoque un marcador en un mapa de google maps y si chequea el checkbox si se debe de marcar en el mapa.

Código PHP:

@foreach($tipos as $tipo)
    <input type="checkbox" name="estaciones[]" value="{{ $tipo->id }}" id="{{ $tipo->id }}" checked="">{{ $tipo->nombre }} <br>
@endforeach
 

Código Javascript:

$(function(){
$('input[type="checkbox"]').change(function(){
 var checkboxValues = new Array();
    $('input[name="estaciones[]"]:checked').each(function() {
          var id=$(this).attr('id');
    
          var value=$(this).val();
          if ($(this).prop('checked')){
              checkboxValues.push($(this).val());
          }
        });
         $.ajax({
          type: "GET",
          url: "getEstaciones",
          data: {info: checkboxValues },
          success: function (result) {
          var estaciones = result;
           //Aqui coloco el marcado en el mapa de google maps
          }
    });
});
 

El problema es cuando desmarco un checkbox no puedo quitar el marcador del mapa

[Montes28]

lo solucione de una manera pero no me parece la mejor manera, obtengo la longitud del array y cargo nuevamente el mapa

Código Javascript:

$(function(){
$('input[type="checkbox"]').change(function(){
 var checkboxValues = new Array();
    $('input[name="estaciones[]"]:checked').each(function() {
          var id=$(this).attr('id');
    
          var value=$(this).val();
          if ($(this).prop('checked')){
              checkboxValues.push($(this).val());
          }
        });
 
         var n = $('input[name="estaciones[]"]:checked').length;
         if (n == 0) {
          var mapOptions = {
          zoom: 10,
          mapTypeId:google.maps.MapTypeId.TERRAIN,
         center: new google.maps.LatLng(4.725620698589212, -75.38406372070312)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
 
 
         } else{
         var mapOptions = {
          zoom: 10,
          mapTypeId:google.maps.MapTypeId.TERRAIN,
    center: new google.maps.LatLng(4.725620698589212, -75.38406372070312)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
         };
 
         $.ajax({
          type: "GET",
          url: "getEstaciones",
          data: {info: checkboxValues },
          success: function (result) {
          var estaciones = result;
           //Aqui coloco el marcado en el mapa de google maps
          }
    });
});