How to enable button if a check box is checked?

Ask the community
, , ,
1

How can I enable a button to be clicked depending on a checkbox if it is marked or unmarked?

Platform: Wix Studio

I have an homepage with a button1 to proceed to a new page. I want that button to be clickable only if visitors mark a checkbox1

I started with this code and the button is not clickable on load, but when I mark the checkbox does not change:

$w.onReady(() => {
$w(‘#checkbox1’).checked=false
if ($w(‘#checkbox1’).checked==true) {
$w(‘#button1’).enable();
} else $w(‘#button1’).disable();})

I read around about it in old threads like this from which I took part of the code:

But when it says “link the code to checkbox” and about functions/onChange it’s not clear to me, also it refers to Wix Editor.

Thank you so much for support

Additional information:
[Include any other pertinent details or information that might be helpful for people to know when trying to answer your question.]

2

You’re running the check only when the page loads, and right after specifically setting it to false

Setting it to false is redundant, you can remove that line
The check should happen in its own function, fire that function when the field updates

1 Like
3

Thank you Dean, took off the false.

How can i fire the function when the fields update? I don’t know how to code that.

4

Here’s the documentation for the proper event trigger

https://dev.wix.com/docs/velo/api-reference/$w/checkbox/on-change

$w(‘#checkbox1’).onChange(() => {
    if ($w(‘#checkbox1’).checked) $w(‘#button1’).enable() 
    else $w(‘#button1’).disable()
})
1 Like
5

Thank you so much, that worked!