como recuperar los valores de varios campos con javascript

[cristian_cena]

Podes pasar un arreglo o un objeto por parámetro. veamoslo con un arreglo:

Una posibilidad sería que conociendo la cantidad de inputs pases la misma cantidad de valores:

Código HTML:

<input type='text' name='campo1'/>
<input type='text' name='campo2'/>
<input type='text' name='campo3'/>
 

Código Javascript:

function setValueInputs(arr){
    var inputs = document.getElementsByTagName("input");
    for(var i = 0; i<inputs.length; i++){
        if(inputs[i].type == "text"){
            inputs[i].value = arr[i];   
        }
    }
}
window.onload = function(){
    var valores = ["valor1", 123, [12.5, false]];
    setValueInputs(valores);
}
 

​Otra posibilidad, es conociendo las id, pasarlas junto al valor:

Código HTML:

<input type='text' id='campo1'/>
<input type='text' id='campo2'/>
<input type='text' id='campo3'/>
​
 

Código Javascript:

function setValueInputs(arr){
    for(var i = 0; i<arr.length; i++){
        //alert(arr[i][0]);
        var input_id = document.getElementById(arr[i][0]);
        input_id.value = arr[i][1];
    }
}
window.onload = function(){
    var valores = [
        ["campo1", "valor1"],
        ["campo2",  112.250],
        ["campo3",  false  ]
    ];
    setValueInputs(valores);
}
 

Espero te sirva. Saludos.