How to uncheck a checkbox on button click?

Need help
1

Hi
I’ve setup a checkbox that displays an input field and a done button, when I click the done button I want the checkbox to uncheck, is this possible?

2

Hey there,

This is pretty simple to set up:

  1. Create a custom state on the checkbox element — call it check? (type: Yes/No).
  2. Add a workflow: When page is loaded → Set state check? to yes (so the checkbox is initially checked).
  3. Then: When the “Done” button is clicked → Set state check? to no.

Finally, just bind the checkbox’s “This checkbox is checked” field to This Checkbox's check?.

Test it out — should work like a charm!
And by the way, I also take up Bubble projects - happy to help if you need support on anything you’re building :blush:

3

The check button needs to load unchecked on page load, if someone checks that option they can enter data and hit done which will add the data clear the input field and hopefully uncheck the checkbox which will make the input field and button disappear . I’ve tried the method you’ve mentioned but I’m not sure I’m doing it right as it’s still not working

IMG_1888
IMG_18881920×2560 783 KB

IMG_1889
IMG_18891920×2560 642 KB

4

Yes that will work too

  1. Change the ‘on page load’ workflow and keep it unchecked.
  2. Keep rest steps same.

It will work

5

It’s not working, I click the done button and it clears the input field but it won’t uncheck the checkbox

6

Hey @scratch1079 was it resolved. If its not resolved yet, can you share a screenshots of your workflow settings

7

No not resolved, the checkbox stays checked after hitting the done button

IMG_1951
IMG_19511920×2560 671 KB

IMG_1952
IMG_19521920×2560 645 KB

IMG_1953
IMG_19531920×2560 575 KB

IMG_1954
IMG_19541920×2560 634 KB

8

Fixed, I needed to set the visual states in the workflow