Document.getElementByName for array

Question

I want to create a loop over element in javascript , my html is:

<input type="checkbox" name="menu[]" value="0">
<input type="checkbox" name="menu[]" value="1">
<input type="checkbox" name="menu[]" value="2">

and javascript is

window.onload = function() {
    var x = document.getElementsByName("menu");
    for (i = 0; i < x.length; i++) {
        if (x[i].type == "checkbox") {
            x[i].checked = true;
        }
    }

}

but no element was detected!!!! try alert(x.length) and you seen 0!!

@BhojendraNepal - What if the OP needs to collect the checkbox values in a language like PHP? — j08691
– j08691, Commented Feb 4, 2015 at 18:24

Tomalak · Accepted Answer · 2015-02-04 19:51:16Z

3

The element name is menu[], just like it says in the HTML source.

window.onload = function() {
    var x = document.getElementsByName("menu[]"), i;
    for (i = 0; i < x.length; i++) {
        if (x[i].type == "checkbox") {
            x[i].checked = true;
        }
    }
}

<input type="checkbox" name="menu[]" value="0">
<input type="checkbox" name="menu[]" value="1">
<input type="checkbox" name="menu[]" value="2">
<p>All checkboxes named <b>menu[]</b> have been checked.</p>

HTML does not care about the square brackets. They have no meaning, they are just like letters.

The fact that, for example, PHP treats them specially is nothing that HTML is concerned with.

P.S. Don't forget to declare your loop counter i, otherwise it will be global, and you don't want a global loop counter.

edited Feb 4, 2015 at 19:51

answered Feb 4, 2015 at 18:23

Tomalak

340k68 gold badges547 silver badges635 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tomalak Over a year ago

Of course it works. Run the code snippet in my answer if you don't believe it.

Collectives™ on Stack Overflow

Document.getElementByName for array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related