Go Back to Dynamic Site Solutions :: JavaScript

Checkbox Replacement Script

This script uses progressive enhancement techniques and was created with usability and accessibility in mind. It works both with the mouse and with keyboard navigation. If any of CSS, JavaScript, DOM1+, and images support is not available, the script will effectively do nothing and the normal checkboxes will be visible and as usable as if the script wasn't present at all.

Demonstration

Checkboxes inside labels

Checkboxes outside labels

Related Links:

Last update: 2008-03-26