Foros del Web » Programando para Internet » Javascript »

recolectar valores de checkbox por div

Estas en el tema de recolectar valores de checkbox por div en el foro de Javascript en Foros del Web. hola buen día amigos del foro tengo una pequeña duda con respecto a saber como recolectar los valores de un par de checkbox con un ...
  #1 (permalink)  
Antiguo 20/06/2014, 10:17
Avatar de Elvixx10  
Fecha de Ingreso: agosto-2012
Mensajes: 40
Antigüedad: 12 años, 3 meses
Puntos: 1
Pregunta recolectar valores de checkbox por div

hola buen día amigos del foro tengo una pequeña duda con respecto a saber como recolectar los valores de un par de checkbox con un valor true por cada div.

ejemplo

<div id="1">
<input type="checkbox" value="1" name="arrreglo[]" true>
<input type="checkbox" value="2" name="arrreglo[]" false>
<input type="checkbox" value="3" name="arrreglo[]" true >
</div>

<div id="2">
<input type="checkbox" value="1" name="arrreglo[]" true >
<input type="checkbox" value="2" name="arrreglo[]" false>
<input type="checkbox" value="3" name="arrreglo[]" false >
</div>

etc.....................

lo que intengo con esto es saber crear un select multiple con los valores de los checkbox que son true y apendarlos dentro del div que corresponde a los checkbox, saludos y gracias por la ayuda
  #2 (permalink)  
Antiguo 20/06/2014, 11:20
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: recolectar valores de checkbox por div

Esos valores booleanos deberían ser asignados a pseudo-atributos para que después los puedas seleccionar, pues la forma en que lo haces es incorrecta.

Código HTML:
Ver original
  1. <div id="1">
  2.     <input type="checkbox" value="1" name="arrreglo[]" data-estado = "1" />
  3.     <input type="checkbox" value="2" name="arrreglo[]" data-estado = "0" />
  4.     <input type="checkbox" value="3" name="arrreglo[]" data-estado = "1" />
  5. </div>
  6.  
  7. <div id="2">
  8.     <input type="checkbox" value="1" name="arrreglo[]" data-estado = "1" />
  9.     <input type="checkbox" value="2" name="arrreglo[]" data-estado = "0" />
  10.     <input type="checkbox" value="3" name="arrreglo[]" data-estado = "0" />
  11. </div>
  12.  
  13. <div id = "salida"></div>

Código Javascript:
Ver original
  1. var checks = document.querySelectorAll("[type=checkbox]"),
  2.     salida = document.querySelector("#salida");
  3. Array.prototype.forEach.call(checks, function(check){
  4.    if (check.getAttribute("data-estado") === "1")
  5.        salida.appendChild(check);
  6. });

Lo que hago es recolectar a todos los checkbox y al <div> en donde se insertarán los que desees, luego, recorro el listado de checkbox y por cada uno compruebo el valor de su pseudo-atributo data-estado; de ser igual a 1, lo añado al <div>.

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 20/06/2014, 12:24
Avatar de Elvixx10  
Fecha de Ingreso: agosto-2012
Mensajes: 40
Antigüedad: 12 años, 3 meses
Puntos: 1
Respuesta: recolectar valores de checkbox por div

hola muchas gracias por responder y gracias por la observación pero de echo así los tengo asignados solo fue para el ejemplo y el código que me muestras esta bien solo que no hace lo que en realidad necesito ya que tu tomas todos los valores en 1 y los mueves al div y lo que yo pretendo es meter los nuevos valores al div correspondiente donde estoy tomando los checkbox osea si los tomos de div1 ahi mismo pretendo meter los nuevo valores y así sucesivamente. de todos modos gracias amigo saludos.
  #4 (permalink)  
Antiguo 20/06/2014, 16:49
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: recolectar valores de checkbox por div

En ese caso, en el código cambia el elemento de 'salida' y en lugar de asignarle al propio checkbox, asígnale su valor.

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

Etiquetas: checkbox, input, select, valor
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:29.