Jump to content

Wedding RSVP conditional form

Recommended Posts

Site URL: https://huwelijklouisendeborah2023.squarespace.com/rsvp



I'm trying to create a conditional RSVP form for my wedding guests.

When the guests choose one of the options, they should see different variants of the checkboxes (for example close friends can see a checkbox where they are invited to 2 days, and acquaintances are only invited to 1 day and should see another checkbox).

In the Settings > Advanced > Code injection section, I managed to hide all the checkboxes of the form, and only show the 'radio' selection witch all the types of guests options.

I also managed to show some checkboxes when our parents click on 'Ouders' (parents in Dutch); BUT, they can also see all the other checkboxes for the other guests, which should be hided as I only want to show them a part of the checkboxes. How can I fix this and also add the options for the other guests?


This is the code I currently use:


  .header-burger-btn.no-nav-links {
    opacity: 0;
    pointer-events: none;

 display: none;





 $('#radio-ac38af45-f6ee-475f-beb2-ea59ebb0cd5b input').click(function()  {
          selection = $(this).val();
            if (selection == 'Ouders')  {
                 $ ('.form-item').show();


Link to comment
  • Replies 0
  • Views 445
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.