|
|
Show all
Featured Downloads:
jquery.labelcheck-packed.js jquery.labelcheck.js labelcheck_example V0.2.zip
jquery.labelcheck-packed.js jquery.labelcheck.js labelcheck_example V0.2.zip
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.