[ start | index | login ]
start > Development > Javascript > Tab Order For Radio Buttons

Tab Order For Radio Buttons

Created by mpecher. Last edited by mpecher, 5 years and 178 days ago. Viewed 2,161 times. #1
[edit] [rdf]
labels
attachments
The tab order of radio buttons only goes to the tab group (not each individual radio button within the group). There is a hack using a label and tab order, but this doesn't work probably in IE. (see below)
<html>
<body>

<form> <p>These radio buttons have a label, so tabindex goes to the label for the radio button, which in turn gives the radio button focus<BR> Group1 First: <input type="radio" checked="checked" name="Group1" value="11" tabIndex="1"> <br> Group1 Second: <LABEL for="fname" tabIndex="2"></LABEL> <input type="radio" name="Group1" value="12" id="fname" tabIndex="3" > </P> <p>These don't have a label, so tab only to the RadioGroup</p> Group2 First: <input type="radio" name="Group2" value="21" checked> <br> Group2 Second: <input type="radio" name="Group2" value="22" > <p> Standalone RadioGroups</P> Group3 First: <input type="radio" name="Group3" value="3" > <br> Group4 First: <input type="radio" name="Group4" value="3" > <br> </form>

no comments | post comment

Menu:
Java & J2EE
Development
Books

Help:
Help FAQ
Formatting


< February 2012 >
SunMonTueWedThuFriSat
1234
567891011
12131415161718
19202122232425
26272829


Logged in Users: (1)
… and 10 Guests.



Disclaimer: Views and opinions are that of the individual author, and not that of Marand Custom Solutions. This site is an open forum for technical content, and the company accepts no liability for any content or view expressed.