Varios input en uno

[adriancarcamo]

Buenas tardes, llevo un rato probando cosas y no encuentro una solución, yo tengo unos input tipo radio que para cada campo tengo 3 opciones: 1, 2 y 3, los campos van a ser aleatorios puede haber en un resultado 5 como puede haber 20, ejemplo.
Papel= 1 | 2 | 3
Casa= 1 | 2 | 3

para elegir mediante un formulario radio.
resulta que ahora sin que el formulario se envie quiero recoger todos los input radio en uno y que vayan ordenador, si elijo en papel 1 y en casa 3 el input final tiene que ser "13" eso tiene que ser asi da igual el orden en el que seleccione los input radio. os adjunto la funcion en jquery que tengo y que no consigo hacer:

<script>
$(document).ready(function () {
var value="";
$("input").click(function () {
value=$("#campo1").val()+$("#campo2").val();
$("#inputfinal").val(value);
});
});
</script>

Si lo pongo como lo veis, pincho en el primer campo me sale en el final 1undefined, como que he pinchado en el primero y el segundo todavia esta vacío, si pincho en el segundo ya no se mueve nada y se queda en undefined, he probado varias cosas y no doy con la tecla a ver si podríais ayudarme.
Un saludo y racias

[sintel_1]

Hola.

Haz un if que compruebe si el valor es undefined y si no lo es haces la operacion:

Código Javascript:

$(document).ready(function () {
var value="";
$("input").click(function () {
value1 = $("input[name='campo1']:checked").val();
value2 = $("input[name='campo2']:checked").val();
if (typeof value1 != 'undefined' &&  typeof value2 != 'undefined'){
value = value1 + value2;
$("#inputfinal").val(value);
}
});
});
 

Saludos.

[Alexis88]

Te aconsejo asignar una clase a todas las cajas de texto, la misma para todas. Luego, cuando se ejecute la función, declara una variable que contendrá una cadena vacía (solo las comillas), toma a los elementos que posean la clase que asignaste a las cajas de texto, recorre dicho conjunto, verificas si cada elemento está marcado y concatenas cada valor a la variable anteriormente declarada.

Código Javascript:

var final = "";
$.each($(".clase"), function(){
    if ($(this).prop("checked")){
        final += $(this).val();
    }
});
console.log(final); //Los valores concatenados
 

Incluso podrías ahorrar un poco de código utilizando la pseudoclase :checked con la cual puedes tomar directamente a los elementos marcados.

Código Javascript:

$.each($(".clase:checked"), function(){
    //...
});
 

Para este ejemplo, utilicé el método iterativo $.each(), pero puedes usar el que quieras.

Un saludo

[adriancarcamo]

Hola de nuevo, gracias por vuestras respuestas, no consigo que funcione, ahora mismo lo tengo puesto así:

Código PHP:

  $(document).ready(function () {
                            var final = "";
                            $.each($(".inputs:checked"), function(){
                                
                                    final += $(this).val();
                                    
                                
                            });
                                                        $("#input2").val(final);
                            }); 
   

y le he puesto a cada radio button la clase inputs, en la consola de chrome no muestra ningún fallo, no se que hago mal.
Un saludo y gracias

[Alexis88]

Sería mejor que asignes el resultado al <input> luego de que termine el bucle, pero de cualquier forma, debería de mostrar algo. Otra cosa que debes de tener en cuenta es que si esos elementos son cargados dinámicamente, no podrán ser afectados por el código que tienes ya que este último habrá cargado antes de añadir dichos elementos. Si ese fuera tu caso, deberías de ejecutar las instrucciones luego de que hayan cargado los elementos dinámicos.

De cualquier forma, te dejo este ejemplo para que lo compares con lo que tienes hecho y corrijas lo que haya que corregir.

Un saludo

[adriancarcamo]

Gracias ya he conseguido hacerlo funcionar, voy a terminar de hacer las pruebas necesarias y si me funciona todo doy el tema por finalizado. Gracias