On/off states with words in a form?
<p>Doing a rebuild of a website and I want to give several words an "on" and "off" state within a form</p>

<p>The previous developer created this site but looking at his code it's slightly horrific - <a href="http://www.mediwales.com/news" rel="nofollow">http://www.mediwales.com/news</a> . I'm doing the bit in the grey box where the sectors can be selected.</p>

<p>How can I recreate this? Is there a more modern way to do this in jquery? I need it to work across all the browsers (down to IE7).</p>

<p>I want to be able to style the on/off states and tie it to the form.</p>
