Foros del Web » Programando para Internet » Jquery »

Recoger .val de inputs

Estas en el tema de Recoger .val de inputs en el foro de Jquery en Foros del Web. Hola gente, estoy haciendo una pequeña app para una web, se trata de que un cliente introduzca la cantidad de cada talla de camiseta que ...
  #1 (permalink)  
Antiguo 23/07/2015, 03:02
 
Fecha de Ingreso: noviembre-2010
Ubicación: LEÓN (ESPAÑA)
Mensajes: 30
Antigüedad: 13 años, 5 meses
Puntos: 0
Recoger .val de inputs

Hola gente,

estoy haciendo una pequeña app para una web, se trata de que un cliente introduzca la cantidad de cada talla de camiseta que necesite y recogerlas para devolver esos valores a otro lado con una cookie.

Estoy con el tema de recoger los values de los inputs, tengo 5 con class="talla" y un boton id="ver".

La consola me canta (10)undefined: undefined.

aquí el código

<table>
<tr>
<td>S</td>
<td><input class="talla" id="tallas" type="text" size="7" value="0" name="S"/></td>
</tr>
<tr>
<td>M</td>
<td><input class="talla" id="m" type="text" size="7" value="0" name="M"/></td>
</tr>
<tr>
<td>L</td>
<td><input class="talla" id="l" type="text" size="7" value="0" name="L"/></td>
<td><input type="button" class="ver" id="ver" value="Verificar"></td>
</tr>
<tr>
<td>XL</td>
<td><input class="talla" id="xl" type="text" size="7" value="0" name="Xl"/></td>
</tr>
<tr>
<td>XXL</td>
<td><input class="talla" id="xxl" type="text" size="7" value="0" name="XXl"/></td>
</tr>
</table>


y el script:



$(document).ready(function(){
nombretalla ='';
cantidadtalla ='';
lineatalla = '';

$('.ver').click(function(){

$('.talla').each(function(){

nombretalla = $('.talla',this).attr('name');

cantidadtalla = $('.talla',this).val();

lineatalla = nombretalla +': '+cantidadtalla;

console.log(lineatalla);
});

});

});


No veo el error. ¿Alguna ayudita?

Última edición por azanfer; 23/07/2015 a las 03:08
  #2 (permalink)  
Antiguo 23/07/2015, 03:42
 
Fecha de Ingreso: julio-2015
Ubicación: Madrid
Mensajes: 17
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Recoger .val de inputs

Buenas.

Soy relativamente nuevo en jQuery y nunca he visto eso de $('.class', this).
Básicamente he cambiado eso por $(this) y ya funciona. Es decir, prueba con:
Código Javascript:
Ver original
  1. nombretalla = $(this).attr('name');
  2.  
  3. cantidadtalla = $(this).val();

Un saludo.
  #3 (permalink)  
Antiguo 23/07/2015, 03:57
 
Fecha de Ingreso: noviembre-2010
Ubicación: LEÓN (ESPAÑA)
Mensajes: 30
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Recoger .val de inputs

Gracias, por tu respuesta, la verdad es que lo use porque, si ves la consola, te repite el resultado 2 veces y, usando .class, this le indicas solo esa clase en ese momento.

Con tu aporte funciona, gracias por cierto pero el problema que repite el resultado sigue estando.

Y creo no haberlo expuesto al principio y me disculpo por ello.
  #4 (permalink)  
Antiguo 23/07/2015, 04:38
 
Fecha de Ingreso: julio-2015
Ubicación: Madrid
Mensajes: 17
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Recoger .val de inputs

Buenas.

Es verdad que dijiste que el mensaje era (10), cuando debería ser (5).

No sé porqué te está pasando, porque a mi no se me duplica. Quizá si pones el código completo podría ayudar mejor.

Un saludo.
  #5 (permalink)  
Antiguo 23/07/2015, 05:17
 
Fecha de Ingreso: noviembre-2010
Ubicación: LEÓN (ESPAÑA)
Mensajes: 30
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Recoger .val de inputs

ufff el código completo de esta hoja son unas 4000 lineas, no se si ayudaría jajaj
pero ya revise todo el código y no hay clases repetidas...

Etiquetas: inputs, recoger, val
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 03:50.