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

Question

作为标题，我在 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;
}
});

Answer 1

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

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

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

Answer 2

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

$w.onReady(function(){
$w('#button1').disable;

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

$("#checkbox1").click(function(){
  $w('#button1').disable;
});

Answer 3

对于 Velo，onReady only fires on the initial page load, so if a user interacts with the checkbox, you need to handle that with an onClick event listener. Additionally, enable and disable 是函数。您可能希望默认禁用该按钮，但随后您将需要一些类似这样的代码来处理复选框交互。

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

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

Function I should use between Checkbox and Button on Wix

javascript

velo