Foros del Web » Programando para Internet » Jquery »

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

Estas en el tema de DUDA - Escribir el value de una lista de checkbox en un <p>? en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 22/08/2015, 11:00
 
Fecha de Ingreso: septiembre-2012
Mensajes: 17
Antigüedad: 11 años, 6 meses
Puntos: 0
DUDA - Escribir el value de una lista de checkbox en un <p>?

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:
Ver original
  1. <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!!!
  #2 (permalink)  
Antiguo 22/08/2015, 12:24
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.551
Antigüedad: 12 años, 4 meses
Puntos: 977
Respuesta: DUDA - Escribir el value de una lista de checkbox en un <p>?

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:
Ver original
  1. $("#id de tu tabla").on("click", ".la clase", function(){
  2.     alert($(this).val()); //Se muestra el valor del checkbox al que se le dio el clic
  3. });

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 25/08/2015, 12:43
Avatar de Drako_18  
Fecha de Ingreso: mayo-2005
Ubicación: Madrid
Mensajes: 505
Antigüedad: 18 años, 10 meses
Puntos: 16
Respuesta: DUDA - Escribir el value de una lista de checkbox en un <p>?

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:
Ver original
  1. $( "#ID_TABLA input:checkbox" ).on("click", function(){
  2.   var valores = "";
  3.   //Aquí recorrería todos los checkbox para obtener SOLO los que estén activos, y no a los que voy haciendo click.
  4.   $("#ID_TABLA input:checkbox").each(function(){
  5.     if(valores != ""){
  6.       valores = valores + ", " + $(this).val();
  7.     }else{
  8.       valores = $(this).val();
  9.     }
  10.   });
  11.  
  12.   $("#ID_LABEL_ORDENES").val(valores);
  13. });


Un saludo!!!
__________________
Rubén Espada
Desarrollador full stack .Net (Angular + JS + .Net Core)

Última edición por Drako_18; 25/08/2015 a las 12:45 Razón: Se me pasó la primera asignación con valores = "".. D:

Etiquetas: checkbox, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:12.