Como capturar valores de checkboxs seleccionados

[Montes28]

Hola amigos tengo un grupo de checkboxs, y necesito que al estar marcado checked los acumule ya que cada que se marque o checked voy a enviar un grupo de ids por ajax para realizar una consulta:

Para explicarme un poco voy a explicar un poco: si por ejemplo tengo chequeado los checkboxs 1,2,3 y voy a chequear el ultimo que es el 10 entonces necesito enviar 1,2,3,10

Código PHP:

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

Código Javascript:

$(function(){
       $("input[type=checkbox]:checked").each(function() {
             alert( $(this).val() );
       });
});
 

[Montes28]

amigos he avanzado un poco, pero me surgue una pregunta como donde almaceno los checkboxs marcados y los envio ajax

Código Javascript:

$('input[type="checkbox"]').change(function(){
 
    $(':checkbox:checked').each(function() {
          var id=$(this).attr('id');
    
          var value=$(this).val();
          if ($(this).prop('checked')){
              alert('id:'+id+'value:'+value);
          }
        });
 
});
 

[moginn]

puedes enviar información via json o via post. Aquí tienes un ejemplo de json:

Código HTML:

 var value1 = 1;
 var value2 = 2;
 var value3 = 3;   
 $.ajax({
      type: "POST",
      contentType: "application/json; charset=utf-8",
      url: "yoururlhere",
      data: "{'data1':'" + value1+ "', 'data2':'" + value2+ "', 'data3':'" + value3+ "'}",
      success: function (result) {
           //do somthing here
      }
 });

Si quieres enviar via post haz esto:

Código HTML:

 $.ajax({
      type: "POST",
      url: $('form').attr("action"),   
      data: $('form').serialize(),
      success: function (result) {
         // do somthing here
      }
 });

[Montes28]

Hola amigos ya tengo un array con los cheboxs seleccionados el ajax se activa cada vez que se selecciona un checbox y mi idea es enviar un array con todo los valores de los checbox,

estoy bien o estoy mal?

Código PHP:

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

Código Javascript:

$(function(){
         $('input[type="checkbox"]').change(function(){
 var checkboxValues = new Array();
    $(':checkbox:checked').each(function() {
          var id=$(this).attr('id');
    
          var value=$(this).val();
          if ($(this).prop('checked')){
              checkboxValues.push($(this).val());
          }
        });
        //alert(checkboxValues);  
});
 

moginn gracias por responder dime en que parte va el ajax?

[moginn]

Iniciado por Montes28

Código PHP:

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

Código PHP:

      $(function(){
             $('input[type="checkbox"]').change(function(){
     var checkboxValues = new Array();
        $(':checkbox:checked').each(function() {
              var id=$(this).attr('id');
       
              var value=$(this).val();
              if ($(this).prop('checked')){
                  checkboxValues.push($(this).val());
              }
            });
      $.ajax({
          type: "POST",
          url: "index.php",
          data: {info: checkboxValues },
          success: function (result) {
          //do somthing here
          }
    });
    });  
   

[Montes28]

moginn gracias por responder, tengo una pregunta como hago para imprimir el resultado del servidor?

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')){
              //alert('id:'+id+'value:'+value);
              checkboxValues.push($(this).val());
          }
        });
         $.ajax({
          type: "GET",
          url: "getEstaciones",
          data: {info: checkboxValues },
          success: function (result) {
          var estaciones = result;
          alert(estaciones);
          }
    });
});
 

[moginn]

Iniciado por Montes28

moginn gracias por responder, tengo una pregunta como hago para imprimir el resultado del servidor?

En el servidor recoges los parámetros usando $_GET['checkboxValues'[. Luego haces "echo" del resultado y finalmente, como ya has hecho, usas "success" del ajax para recoger el resultado en cliente.