Something simple for you to look at: http://jsfiddle.net/aLnBL/2/
Providing you are able to use jQuery
JS
$(document).on('click', '#allLink', function() {
$('.languageSelect').not(':checked').attr('checked', 'checked');
$(this).html('None').attr('id', 'noneLink');
}).on('click', '#noneLink', function() {
$('.languageSelect:checked').removeAttr('checked');
$(this).html('All').attr('id', 'allLink');
});
$('.languageSelect').on('change', function() {
if($('.languageSelect:checked').length < 1 && $('#allLink').length < 1){
$('#noneLink').html('All').attr('id', 'allLink');
} else if($('.languageSelect').not(':checked').length < 1 && $('#allLink').length > 0) {
$('#allLink').html('None').attr('id', 'noneLink');
}
});
HTML
<form name="theForm">
My favorite programming/scripting language is:
<p>Select <span id="allLink">All</span></p>
<ul>
<li><input class="languageSelect" type="checkbox" name="answers[]" value="javascript" />JavaScript</li>
<li><input class="languageSelect" type="checkbox" name="answers[]" value="perl" />Perl</li>
<li><input class="languageSelect" type="checkbox" name="answers[]" value="php" />PHP</li>
<li><input class="languageSelect" type="checkbox" name="answers[]" value="c++" />C++</li>
</ul>
</form>