Функция, которую я должен использовать между флажком и кнопкой на Wix

Как заголовок, я работаю над простой страницей на 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;
}
});

javascript velo
person Steven Yin    schedule 04.02.2021    source источник

Ответы (3)


arrow_upward
2
arrow_downward

В Velo onReady срабатывает только при начальной загрузке страницы, поэтому если пользователь взаимодействует с флажком, вам нужно обработать это с помощью прослушивателя событий onClick< /а>. Кроме того, enable и disable — это функции. Возможно, вы захотите отключить кнопку по умолчанию, но тогда вам понадобится некоторый код, подобный этому, для обработки взаимодействия с флажком.

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

arrow_upward
0
arrow_downward

Вы можете отключить кнопку «Продолжить» по умолчанию при загрузке страницы и добавить прослушиватель событий click, чтобы поймать щелчок флажка. Вы должны попробовать код ниже.

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

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

$("#checkbox1").click(function(){
  $w('#button1').disable;
});
person Akshay Talekar    schedule 04.02.2021

arrow_upward
-1
arrow_downward

Вам нужно добавить EventListener к флажку, чтобы переменная isChecked обновлялась при изменении значения флажка.

Я не слишком знаком с JQuery, но в vanillaJS вы можете использовать что-то вроде.

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