Using Javascript with Brackets in Field Name

Question

How do I reference a HTML form element whose name contains brackets?

For example,

<form name="myForm">
    <input type="checkbox" name="myElement[7]" />
</form>

I do not have the option of renaming the form element and I cannot use jquery.

How would I access this element using javascript alone? I already tried using:

alert(document.myForm.myElement\\[7\\].type);

The result is "undefined". I also tried the above javascript snipped without the slashes and also got "undefined".

What is the correct syntax for javascript to access a field named with brackets?

Answer 1

I believe you're looking for:

alert( document.myForm.elements['myElement[7]'].type );