Avatar

Level 1

Thanks, Steve. The example was very helpful. It does produce some unusual behavior, though.

Example 1:

Select Green with the mouse. Select Blue with the mouse.

Result: Blue is not selected, and now Red has focus (not blueShade).

Example 2:

Select Green using the arrow keys. Select Blue with the arrow keys.

Result: Blue is selected, but Red has focus (not blueShade).

I understand why that is happening--the user exits Green, which sets the focus to Red (although I'm less clear as to why, in the first example, Blue is not selected).

I worked on some Javascript that would, for every radio button, evaluate the selected option from the radio button list, check to see if it had an associated "specify" text input, and set the focus to that element if it is blank, and otherwise advance to the next radio button. However, this still has some of the same unexpected (to the user) behaviors if the user changes his or her initial selection.

Since the form I am working on will probably be updated annually and not necessarily by me, I am going to convert the radio button lists to checkboxes. I think the tab-order will make much more sense that way without any scripting.

Thanks for your help.