我应该在 Wix 上的 Checkbox 和 Button 之间使用的功能

问题描述

作为标题，我在 Wix 上制作了一个简单的页面，它是关于用户必须在按下“继续”按钮之前单击复选框以同意该网站的使用条款。我目前卡住了，我的代码如下，如果有任何解决方案，请告诉我。

$w.onReady(function(){

let isChecked = $w("#checkBox1").checked; 
let isrequired= $w('#checkBox1').required; // true

if(isChecked === false)
{
    $w('#button1').disable;
}else{
    $w("#button1").enable;
}
});

解决方法

使用 Velo，onReady 仅在初始页面加载时触发，因此如果用户与复选框进行交互，您需要使用 onClick event listener 进行处理。此外，enable 和 disable 是函数。您可能希望默认禁用该按钮，但随后您将需要一些类似这样的代码来处理复选框交互。

$w("#checkbox1").onClick(function () {
    if ($w("#checkbox1").checked) {
        $w('#button1').enable();
    } else {
        $w('#button1').disable();
    }
});

,

默认情况下，您可以在页面加载时禁用继续按钮并添加 geom_text 事件侦听器以捕获复选框点击。你应该试试下面的代码。

click

,

您需要向复选框添加一个 EventListener，以便在复选框值更改时 isChecked 变量会更新。

我对 JQuery 不太熟悉，但在 vanillaJS 中你可以使用类似的东西。

const checkbox = document.getElementByID('checkbox1');
checkbox.addEventListener('change',($event) => {
  isChecked = $event.target.checked;
});