DUDA - Escribir el value de una lista de checkbox en un <p>?

[MatyD]

Como están? soy muy nuevo en esto de JQuery y pido disculpas si estoy consultando algo simple.

Estoy practicando con JQuery sobre mostrar y ocultar divs, activar y desactivar botones. y hasta ahora todo va muy bien. Pero tengo una duda sobre algo que desconozco como hacerlo o si es posible hacerlo con JQuery.

Tengo un formulario que se genera automáticamente que crea una lista de checkbox

Código HTML:

<td><input type="checkbox" name="items" value="{{ order }}"></td>
 

Dependiendo cuantos items se encuentren dentro de la consulta a la BD.

Bien ahora mi duda es la siguiente lo que necesito hacer es en un DIV tengo este texto
"Usted ha seleccionado las ordenes:" y me gustaría que cuando el usuario selecciona cada uno de los checkbox vaya agregando 1, 3, 38, 40... Obviamente dependiendo el número de orden que se le asigna a Value según la base de datos.

Esto es posible? porque todo lo que he ido viendo hasta ahora que es muy básico me hace asignar ids únicos a cada campo para poder referenciarlo a jquery. y hasta ahí no tengo problema pero ahora como es dinámico y puede tener 1 orden como 50 no se como hacer.

Ya se que lo ideal es poner el código que se está intentando hacer funcionar y ahí solicitar ayuda pero realmente en este caso no se como comenzar por eso les pido ayuda.

Desde ya muchas gracias por todo!!!

[Alexis88]

Utiliza una clase para todos los checkbox y luego delega el evento click desde la tabla hacia cada checkbox insertado de manera dinámica.

Código Javascript:

$("#id de tu tabla").on("click", ".la clase", function(){
    alert($(this).val()); //Se muestra el valor del checkbox al que se le dio el clic
});
 

Saludos

[Drako_18]

Buenas compañero,

Creo que lo que buscas es esto... Espero que te ayude..
Si necesitas que te explique alguna cosa, avisa y lo comentamos, que para eso estamos :)

Código Javascript:

$( "#ID_TABLA input:checkbox" ).on("click", function(){
  var valores = "";
  //Aquí recorrería todos los checkbox para obtener SOLO los que estén activos, y no a los que voy haciendo click.
  $("#ID_TABLA input:checkbox").each(function(){
    if(valores != ""){
      valores = valores + ", " + $(this).val();
    }else{
      valores = $(this).val();
    }
  });
  
  $("#ID_LABEL_ORDENES").val(valores);
});
 

Un saludo!!!