1

Tengo una pequeña función que recorre todos los checkbox y muestra el valor de los que han sido seleccionados.

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

¿Como podría almacenar en variables los valores por separado?

2 respuestas 2

5

Puedes crearte un array con los valores de los checks, asi:

let valoresCheck = [];

$("input[type=checkbox]:checked").each(function(){
    valoresCheck.push(this.value);
});

Los valores quedaran guardados en el array.


EDICION:
Si realmente necesitas crear una variable independiente por cada uno de los inputs, podes hacerlo accediendo al objeto window y creando dinamicamente las variables, (no recomiendo hacer esto, es altamente confuso y poco practico)

$("input[type=checkbox]:checked").each(function(index, check ){
    window["valorInput"+index] = check.value;
});

Esto creara una sucesion de variables en el scope global llamadas valorInputN yendo del 0 a la cantidad de inputs que haya. Espero que sirva de algo.

4
  • Como podría almacenar en una variable cada valor?
    – arglez35
    Commented el 1 ago. 2018 a las 20:36
  • @arglez35 Edite mi respuesta, espero te sea util ese metodo
    – Sacha
    Commented el 1 ago. 2018 a las 20:50
  • que me recomiendas si lo que necesito hacer es guardar el valor de cada checbox para enviarlo por post en ajax y generar una consulta en php?
    – arglez35
    Commented el 1 ago. 2018 a las 20:56
  • Lo que recomiendo es la aproximacion del array, este se puede mandar como parametro para la request de ajax. Si eso es realmente lo que necesitas te recomendaria que modifiques tu pregunta para que exprese mejor tu problema
    – Sacha
    Commented el 2 ago. 2018 a las 18:23
1

Podrías utilizar una combinación de la función map para obtener estos valores en un arreglo, o en una cadena, donde cada valor estaría separado por coma.

Te paso un ejemplo, espero que te ayude:

$(document).ready(function() {

  $('[name="checks[]"]').click(function() {
      
    var arr = $('[name="checks[]"]:checked').map(function(){
      return this.value;
    }).get();
    
    var str = arr.join(',');
    
    $('#arr').text(JSON.stringify(arr));
    
    $('#str').text(str);
  
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="height: 200px">
  <ul style="list-style: none;">
    <li><input name="checks[]" type="checkbox" value="0" /></li>
    <li><input name="checks[]" type="checkbox" value="1" /></li>
    <li><input name="checks[]" type="checkbox" value="2" /></li>
    <li><input name="checks[]" type="checkbox" value="3" /></li>
    <li><input name="checks[]" type="checkbox" value="4" /></li>
    <li><input name="checks[]" type="checkbox" value="5" /></li>
    <li><input name="checks[]" type="checkbox" value="6" /></li>
  </ul>
  
  <div >Ids seleccionados en matriz <span id="arr"></span></div>
  <div >Ids seleccionados <span id="str"></span></div>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.