How to make .focus() work on a radio button array?

Question

I am trying to get the .focus() working in IE, it works in chrome etc. My form is called:

<form name="feedbackform" action="feedback.asp" target="_self" onsubmit="return 
        validate_txt(this)" method="post" style="margin: 0;">

my radio buttons:

<input type="radio" name="fb_commentype" value="Comment" />Comment
<input type="radio" name="fb_commentype" value="Complaint" />Complaint
<input type="radio" name="fb_commentype" value="Request" />Request

in my javascript I am trying to call using this line:

document.forms["feedbackform"].elements["fb_commentype"][0].focus();

As I said, it works in chrome, firefox blah blah blah but in IE 8 I am getting nada, zip and I don't know why, nor can I find a satisfactory answer, is there a way around it?

Answer 1

Are you calling focus when the page just loads (e.g. body's onload)?

This thread might help - it may get called in your code before DOM finished loading

Also, this page has a good test for focus() behavior: http://hardlikesoftware.com/projects/IE8FocusTest.html

Answer 2

This might be that IE does not understand the .[0].focus() syntax. You may want to try something like this:

document.forms["feedbackform"].elements["fb_commentype"][0].focus();
document.forms["feedbackform"].elements["fb_commentype"].focus();