Inputs Somehow Re-enabled?

Ask the community
,
1

I am having a strange issue where inputs that should be disabled when a checkbox is checked are mysterious being enabled on my site: https://taylorje3000.wixsite.com/letterman-jackets . If I click the checkbox, the input fields that should hide do disappear. However, when I either try to submit without selecting a dropdown item or click on the dropdown menu, the other input fields are somehow re-enabled. I tried putting the disable code for the input fields in onReady, but that didn’t fix it. Please note that the input is linked to a dataset, and validation is performed on the input. The affected input fields are #bodyColorChoice, #secondColorChoice, #knitColorChoice, and #materialChoice. Here is my script:
// For full API documentation, including code examples, visit http://wix.to/94BuAAs
$w.onReady(function () {
//TODO: write your page related code here…
});
export function useSchoolDesign_change(event, $w) {
//Add your code for this event here:
let isChecked = $w(“#useSchoolDesign”).checked; // true
if (isChecked) {
$w(“#schoolDesignChoice”).show();
$w(“#schoolDesignChoice”).enable();
$w(“#school”).show();
$w(“#bodyColorChoice”).disable();
$w(“#secondColorChoice”).disable();
$w(“#knitColorChoice”).disable();
$w(“#materialChoice”).disable();
$w(“#schoolDesignChoice”).required = true;
$w(“#bodyColorChoice”).required = false;
$w(“#secondColorChoice”).required = false;
$w(“#knitColorChoice”).required = false;
$w(“#materialChoice”).required = false;
} else {
$w(“#schoolDesignChoice”).hide();
$w(“#schoolDesignChoice”).disable();
$w(“#school”).hide();
$w(“#bodyColorChoice”).enable();
$w(“#secondColorChoice”).enable();
$w(“#knitColorChoice”).enable();
$w(“#materialChoice”).enable();
$w(“#schoolDesignChoice”).required = false;
$w(“#bodyColorChoice”).required = true;
$w(“#secondColorChoice”).required = true;
$w(“#knitColorChoice”).required = true;
$w(“#materialChoice”).required = true;
}
}
export function schoolDesignChoice_change(event, $w) {
//Add your code for this event here:
$w(“#bodyColorChoice”).disable();
$w(“#secondColorChoice”).disable();
$w(“#knitColorChoice”).disable();
$w(“#materialChoice”).disable();
}
export function submitbutton_click(event, $w) {
//Add your code for this event here:
let isChecked = $w(“#useSchoolDesign”).checked; // true
if (isChecked) {
$w(“#bodyColorChoice”).required = false;
$w(“#secondColorChoice”).required = false;
$w(“#knitColorChoice”).required = false;
$w(“#materialChoice”).required = false;
$w(“#bodyColorChoice”).disable();
$w(“#secondColorChoice”).disable();
$w(“#knitColorChoice”).disable();
$w(“#materialChoice”).disable();
}
}

2

Does anyone have any idea what is going on?