Clickable Table Rows

Click Checkbox from Anywhere in Table Row

Usability enhancement for HTML tables accomplished with CSS and unobtrusive JavaScript. One application of the technique is shown here. A click anywhere on a row will affect the checkbox.

The code works in both Internet Explorer and FireFox. Firefox insists on counting the whitespace *between* the end of a tag and the beginning of the next element as a node. For that reason, I added logic so the script runs independently of the generated structural tags.

« Examples page

Station Date Status Check
Table footer repeats on print
KABC 09/12/2002 Submitted
KCBS 09/11/2002 Lockdown
WFLA 09/11/2002 Submitted
WTSP 09/15/2002 In-Progress
WROC 10/11/2002 Submitted
WPPP 09/16/2002 In-Progress
WRRR 09/06/2002 Submitted
WTTT 09/21/2002 In-Progress
W000 11/11/2002 Submitted
KABC 10/01/2002 Submitted
KCBS 10/18/2002 Lockdown
WFLA 10/18/2002 Submitted
WTSP 10/19/2002 In-Progress
WROC 07/18/2002 Submitted
WPPP 10/28/2002 In-Progress
WRRR 10/28/2002 Submitted
WTTT 10/08/2002 In-Progress
WIL0 10/18/2001 Submitted
KABC 04/18/2002 Submitted
KCBS 10/05/2001 Lockdown
WFLA 10/18/2002 Submitted