[Resolved] Checkbox in CRED user form doesn´t work as it should

[Author]

Posts

[toolset-dave]

Hi,

I have a registration CRED user form and there is a checkbox with terms agreement. If you click directly into box, it will check, but if you click on the belonging text, nothing happens (only mouse cursor changes to hand like you click on the link). I have a JS validation for custom error here, but if I remove it, it still has the seme effect. On the other hand checkbox in CRED content form works as it should, you can click into box or on the text and the field is checked.

[Noman]

Hi Dave,

Thank you for reaching out to us. Please backup your site and apply this patch fix:
https://toolset.com/errata/wrong-id-in-radio-field-for-attribute-when-used-inside-conditional/

If problem still appears after applying above patch, then you can use this workaround -- a bug is also reported to our development team in recent past, but I believe above patch may resolve this issue too:
https://toolset.com/forums/topic/being-able-to-select-the-word-next-to-the-checkbox-itself-to-check/#post-579390

I hope it helps, Thank you

[toolset-dave]

Hi,

unfortunately none of the workarounds work.

[Noman]

Hello Dave,

After applying patch that I have provided in my last response, please remove any custom JS you have added and check the page again if it resolves the issue or not?

If still issue arise, please provide temporary access (WP-Admin and FTP Login info) to your staging site. Your next answer will be private which means only you and I have access to it.

=== Please backup your database and website ===

✙ I would additionally need your permission to de-activate and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important.

✙ Please provide front-end screenshot and highlight the field which is having this issue.

✙ Please add the Links to the [CRED Form] Edit Screen and [Page] Edit Screen where you have inserted this Form.

Thank you

[Noman]

I have added following JS in CRED JS editor:

jQuery(document).ready(function($){
 var i = $('#terms_and_condition').find('input').attr('id');
    $('#terms_and_condition').find('label').attr('for', i);
});

Now it's working as expected.

Thank you

[toolset-dave]

Thank you for solving my problem.