Form Field (Boolean type) visibility conditional on its own value | Community
Skip to main content
Sonali_Jadeja3
Sonali_Jadeja3
Level 4
October 11, 2018
Question

Form Field (Boolean type) visibility conditional on its own value

  • October 11, 2018
  • 1 reply
  • 4087 views

Hi,

We display explicit opt-in as a checkbox on almost all our forms (post-GDPR). It is a boolean field, so when someone hits submit on the form without checking the box, they overwrite existing value (which could be TRUE) to FALSE. This sometimes marks already opted-in people to FALSE. And I want to be able to switch visibility of this field based on it's current value - If it's true do not display the field to user.

There are a lot of discussions on it and I believe there's a JS way to tackle this. Anyone has been successful?

I will appreciate any feedback here!

Thanks,

Sonali

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
October 11, 2018

Yes, you do this by first including the all-important FormsPlus::Tag JS helper (link in the demo, download it to your own server and include in your page after Marketo's forms2.min.js script).

Then use a little CSS (to eliminate any FOUC) and a little JS, as in MktoForms2 :: Self-Hiding Checkbox​.

In the demo, the field Rep_Age_c is hidden if it's checked, shown if it's unchecked.

Make sure you run anything like this by your legal team before pushing to production. Not allowing people to uncheck a previously checked box is questionable.

Benjamin_Murra1
Benjamin_Murra1
Level 2
June 13, 2019

This looks like a really helpful solution butit doesn't seem to be working anymore. (At least for me)

SanfordWhiteman
SanfordWhiteman
Level 10
June 13, 2019

Still looks fine to me.

If you fork the Pen and change the preset value of Rep_Age__c to "yes" (look in Settings » HTML » Stuff for <head>), you should see the form row w/that checkbox no longer appears. The default value in the Pen is "no", so by default you see it (if you didn't, it would be hard to demonstrate how to hide it!).

    Terms & ConditionsAccessibility statement

    Loading footer...