如何将输入命名为动态形式的数组，然后对这些值求和？

Question

I have a dynamic form with JavaScript:

row.insertCell(4).innerHTML= '<input type="text" name="precioUniArr[]" value = "'+precioUnitario+'">'

Is there a way to get the values of all the precioUniArr[] inputs with JavaScript in order to make a sum and have a total?

Answer 1

You use document.getElementsByName("precioUniArr[]") . This returns a NodeList , which is an array-like object that you can loop over to get all the values.

var inputs = document.getElementsByName("precioUniArr[]");
var total = 0;
for (var i = 0; i < inputs.length; i++) {
    var value = parseFloat(inputs[i].value);
    if (!isNaN(value)) {
        total += value;
    }
}

Answer 2

I believe you may be trying Java or C methods to get this information. JavaScript works a little bit differently, as the input field always, no matter what, returns a string of text.

Try giving the array a simple ID of precioUniArr .

When you need to grab the data inside, assuming it's a comma-separated list for input, try this code (it grabs the string of input and splits it into an array by each comma):

inputArray = document.getElementById('precioUniArr').value.split(',');

This will store an array formed by a comma-separated string as the array inputArray . If it's a space-separated list, just replace the comma in the code with a space.