use checkbox to show button

Ask the community
, ,
4

You will have a button somewhere on your page, let us say the butten has the following ID —> “myButton1”.

Show & hide without animations
$w(‘#myButton1).show()
$w(’#myButton1).hide()

Show & hide with animations
$w(‘#myButton1).show(‘fade’)
$w(’#myButton1).hide(‘fade’)

Other animations:
‘float’
‘fly’
‘bounce’
and so on…


$w.onReady(function () {
   $w("#checkbox1").onChange((event) => {console.log(isChecked)
     let isChecked = $w('#checkbox1').checked;
     if(isChecked===true){
       $w('#myButton1).show('fade')
       console.log("Checkbox is checked")
     }
     else{
       $w('#myButton1).hide('fade')
       console.log("Checkbox is unchecked")
     }
   });
});