Label checkboxes clicable

[Toto98]

Hi,

I’d like to know how to make the label clickable for the checboxes ? So we can click on labels to check the checkboxes 🙂 Because currently there aren’t 🙁 I saw on your website, when looking for FAQ that you have some checkboxes with this behavior (see attached).

Thanks in advance for your help
Thomas

[Ernest Marcinko]

Hi Thomas,

Make sure to update to the latest release (4.10.4) for that. It’s just been added as a feature, older versions does not support that. This should do the trick.

[Toto98]

Ah ok ! Thanks,

I so much changed your plugin that I’m afraid to need to update the code again 🙁 So I just wrote this little code, maybe that can help someone else 🙂

1°) jQuery

[code]$(‘.ajaxsearchpro form .asp_custom_f .asp_option’).each(function(){
var cbContainer = $(this);
$(this).find(‘.label’).click(function(){
var cbElement = $(cbContainer).find(‘input[type=checkbox]’);
var cbState = $(cbElement).prop(‘checked’);
if(cbState == true){
$(cbElement).prop(‘checked’, false).change();
}else{
$(cbElement).prop(‘checked’, true).change();
}
});
});[/code]

2°) CSS

[code].label
{
cursor: pointer;
}[/code]

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts