Javascript Input Radio Array?

Hi Guys, I have what i think is a simple question, but it just doesn't work. take the following HTML



and the javascript funtion



and the error



Does any one have any idea's I was under the impression that like a select field the radio field with the same name would become an array '[]' but im at a lost at this one.. Also I know as well as you do i could do but then i might as well spend an hour writing a browser checker to see if i need first.

So any ideas on radio input arrays and GetElementByID;

P.S Please don't just debug the code above as i have just written it by hand in this window from memory.

getElementById is going to return a reference to an individual element, not to the array that the browser creates when you give a group of elements the same name. Also id's must be unique unlike names. You don't need to test for document.all to access the forms collections, so I don't think you'll have a problem retrieving a reference to the array like this:



// edit

I was thinking about this a bit more and I'm not sure you would need access to the array to do what you want if you passed this as an argument to the function instead of an integer:



When I tested this and set the value of one radio button programatically the browsers (IE 6, FF1.0.4 and Opera 8 ) automatically set the other buttons in the group to false.

I was trying to think of a way to get the radio group array with DOM methods if that's what you really wanted to do. I don't think that array is part of the DOM (I'd be happy to be corrected if I'm wrong), so the best I could come up with was to make a function that would get a NodeList of all the input elements and then check them for their name attributes to build and return an array of the group in question:



then you could call it with:



or



if you were passing this into the opt parameter

I'm sure it's just a typo, but don't forget to use camelCase for .bgColor

The method RichB suggests, would create an unknown number of undefined entries in the returned array.

The following modification should return only the relevant objects.

getRadioArray: function (groupName) {
var radioArray = new Array();
var nodeList = document.getElementsByTagName("input");
for(var i = 0; i < nodeList.length; i++) {
if(nodeList.item(i).name == groupName) {
radioArray[radioArray.length] = nodeList.item(i);
}
}
return radioArray;
}