Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2014, 02:21
cesa_r
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 11 años, 5 meses
Puntos: 6
Respuesta: Obtener value de multiples checkbox

Haber amigo trato de entenderlo:

Código Javascript:
Ver original
  1. var filtrar = document.getElementById("filter"), //Hace referencia al elemento cuyo id sea filter en este caso el boton
  2.             menus = document.getElementsByTagName("ul"), //En un arreglo se guardan todos los ul que existan en el documento
  3.             total = menus.length, //Calcula el total de elementos ul en este caso 2
  4.             salida = document.getElementById("salida");
  5.          
  6.         filtrar.addEventListener("click", function(){ //Dispara un evento al hacer click en el boton
  7.             var dataString = "";
  8.          
  9.             for (i = 0; i < total; i++){ //Hace una bucle por la cantidad de elementos ul encontrados en este caso 2
  10.                 var opciones = menus[i].getElementsByTagName("li"); //En una arreglo se guardan los li por ul el cual hace referencia la variable i
  11.            
  12.                 for (j = 0, subTotal = opciones.length; j < subTotal; j++){ //Repite por el numero de elementos li encontrados
  13.                     var checkbox = opciones[j].getElementsByTagName("input")[0]; //Guarda en un arreglo los input encontrados por elemento li empesando por el primero
  14.                     if (checkbox.checked) // si se encuentra un input checkbox checkeado
  15.                         dataString += dataString.length ? "&" + opciones[j].id + "=" + checkbox.value : opciones[j].id + "=" + checkbox.value;
  16.                         //Concantena la misma variable dependiendo el valor de una sentencia if y else (no me queda muy claro que muy claro que hace o significa +=)
  17.                 }
  18.             }
  19.          
  20.             salida.innerHTML = "Resultado: " + dataString; //imprime la variable
  21.         }, false);