BounceFish 

Website Solutions
Search
      home solutions clients resources faqs contact us  
  See our portfolio under the solutions section.

Resources - For Developers

Back to Resources For Developers Homepage

================STEP 1 - COPY CODE BELOW INTO HEADER=====================
<SCRIPT LANGUAGE="JavaScript">
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
</SCRIPT>

================STEP 1 - COPY CODE ABOVE INTO HEADER======================

================STEP 2 - COPY CODE BELOW INTO BODY========================
<form name=demoform>
<input type=checkbox name=agreebox>
<a href="" onClick="changeBox('document.demoform.agreebox');return false">Option 1</a>
<BR>
<input type=checkbox name=agreebox2>
<a href="" onClick="changeBox('document.demoform.agreebox2');return false">Option 2</a>
</form>

================STEP 2 - COPY CODE ABOVE INTO BODY=========================

    INSTRUCTIONS
  • Step 1 - Paste code inside body <HEAD></HEAD> of HTML page
  • Step 2 - Paste code inside body <BODY></BODY> of HTML page
  • Change form name and field value to suit your pre-existing form

    DESCRIPTION
  • This makes for better accessibility by allowing the user to check a box by clicking on the option next to it, instead of having to click inside the box area.

 

Copyright © 2003-2012. BounceFish Web Design. All rights reserved.