Accessible Checkbox 1.1

Provides a class that makes checkboxes accessible
How to use
<form action="" id="MooAccessCheckbox">
<p>
<input type="checkbox" name="apple" value="apple" checked>
<span>Apple</span>
<br>
<input type="checkbox" name="banana" value="banana">
<span>Banana</span>
<br>
<input type="checkbox" name="orange" value="orange">
<span>Orange</span>
<br>
<input type="checkbox" name="pineapple" value="pineapple">
<span>Pineapple</span>
<br>
<input type="checkbox" name="melon" value="melon">
<span>Melon</span>
</p>
</form>
#JS
window.addEvent('domready', function() {
mooAccessCheckbox = new AccessibleCheckbox(
{ 'checkboxes' : $('MooAccessCheckbox')});
});
- <form action="" id="MooAccessCheckbox">
- <p>
- <input type="checkbox" name="apple" value="apple" checked>
- <span>Apple</span>
- <br>
- <input type="checkbox" name="banana" value="banana">
- <span>Banana</span>
- <br>
- <input type="checkbox" name="orange" value="orange">
- <span>Orange</span>
- <br>
- <input type="checkbox" name="pineapple" value="pineapple">
- <span>Pineapple</span>
- <br>
- <input type="checkbox" name="melon" value="melon">
- <span>Melon</span>
- </p>
- </form>
- #JS
- window.addEvent('domready', function() {
- mooAccessCheckbox = new AccessibleCheckbox(
- { 'checkboxes' : $('MooAccessCheckbox')});
- });