Question

i have a multiple textboxes in repeater and i will enter value in those textboxes at runtime. and i want sum of all value entered in those textboxes in one label.i want to do this thing using java script. so can u please help me.

Answer 1

Here is one idea to get you started:

1. Put a <div> around your Repeater and give it a unique id.
2. Use the document.getElementById() function in JavaScript to obtain a reference to that <div>.
3. Use the getElementsByTagName() function in the DOM element to find all <input>s within.
4. Loop over them, adding their values (parsed as integers) together.

So if your markup looks something like this:

<div id="coolStuff">
    <asp:Repeater ... >
</div>

The JavaScript looks approximately like this:

var container = document.getElementById("coolStuff");
var inputs = container.getElementsByTagName("input");

var sum = 0;

for (var i = 0; i < inputs.length; i++) {
    sum += inputs[i].value;
}

alert(sum);

Now, this code does not check to ensure that the <input>s are actually of type=text or to confirm that the entered values are numbers. Those parts are left as exercises for the reader 😉

---

Edit: If you have multiple text boxes in each “line” outputted by the Repeater and you only want to sum the values for one “group” of boxes, you will need to change the script a bit. Here are two possible solutions – pick one:

1. If you know exactly how many <input> elements you have in each “line”, you can change the for loop in the client script to only visit every Nth element. Eg. to select only the last of three fields in each line: for (var i = 2; i < inputs.length; i += 3)

2. Change your markup to include a class attribute on the <input> elements to be part of the sum. Within the for loop, do a test on inputs[i].className to verify if the particular field is to be included.