2

me encuentro con una duda sobre como concatenar los atributos 'value' de un grupo de elementos input.

El código es el siguiente: HTML:

 <label><input type="checkbox" id="OWrite" value="400" class='checks' checked> Write</label>
<label><input type="checkbox" id="ORead" value="200" class='checks' checked > Read</label>
<label><input type="checkbox" id="OExec" value="100" class='checks'checked> Execute</label>

Jquery:

$('input[class="checks"]:checked').each(function() {
    console.log(parseInt(this.value))        

});

El resultado:

400 200 100

Mi intención es sumar estos 3 valores, o en caso de ser un string concatenarlos, pero no logro seleccionarlos ya que me los devuelve todos juntos. Agradezco su ayuda, saludos.

1 respuesta 1

0

Puedes crear una variable y guardar la suma de cada uno de los input

var myVar = 0;
$('input[class="checks"]:checked').each(function() {
    myVar = myVar + parseInt(this.value)        
});
console.log(myVar)
6
  • Buenas tardes, mucha gracias por la pronta respuesta pero no soluciona mi inquietud el código me quedo de la siguiente manera: var myVar=0; $('input[class="checks"]:checked').each(function() { myVar = myVar + parseInt(this.value) console.log(myVar) pero el resultado: 400 600 700 740 Aunque el ultimo de los resultados es la suma que busco, necesito como respuesta un unico resultado en este caso 740 el 21 ene. 2020 a las 19:45
  • Prueba usando el console.log() fuera de la función el 21 ene. 2020 a las 19:48
  • @FrancoGaluzzi ahí modifiqué el código con el lugar en el que debería mostrar por consola el 21 ene. 2020 a las 19:49
  • Excelente Matias, muchisimas gracias, por curiosidad, para saber si estoy errado, la función each() crea una especie de loop? por eso me repetía los log si no lo sacaba de la función? el 21 ene. 2020 a las 19:50
  • En efecto, each() es un loop que recorre uno por uno los elementos que el selector encontró y realiza el código ahí dentro con cada uno de ellos. el 21 ene. 2020 a las 19:51

Tu Respuesta

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

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