jQuery: labelcheck

Hate to hunt and click these small checkboxes/radio buttons ?

hunt no more...

Examples

Place one label+checkbox in one 'row/container'

$('.row').labelcheck();  
$('.row').labelcheck({'click':function(){alert('Checkbox clicked or label clicked')}});  
$('tr').labelcheck({'label_selector':'.label'});  

testes in IE6+FF (should work everywhere, since it uses only jQuery standard controls)

Other ways to get it working

Surrounding the checkboxes

Works for FF but not IE6

<label><input type="checkbox"/></label>

if you are using this style, add this to make it work in IE6

<!--[if IE 6]>
  <script type="text/javascript" src="jquery.labelcheck.js"></script>
  $('#form_with_labels label').labelcheck();
<![endif]-->

Scaling the checkboxes

Looks good on PC, but renders as one large oval on Mac

<input type="checkbox" style="width:40px"/>

see it working @

please submit your site if you use the plugin, thanks.

• berlinale-talentcampus.de