I'm trying to figure out how to reference a dynamic 'name' of an input element in a form. Can anyone help?
Here's an example using HTML:
<form>
<input type="text" name="qty1" value="input1" />
<input type="text" name="qty2" value="input2" />
<input type="text" name="qty3" value="input3" />
<input type="submit" value="Submit" onClick="checkVal(this.form); return false;" />
</form>
Now, I have some Javascript that isn't working:
function checkVal(form) {
for (var i = 1; i <= 3; i++) {
alert(form.qty+i.value); // Struggling with this line..
}
}
When running the above javascript, it outputs NaN. Any idea how to properly reference qty1, qty2, and qty3 inside a for loop using the variable i?
Check out my jsfiddle here for more context: http://jsfiddle.net/MRzWf/