Function to disable form elements based on conditions

This commit is contained in:
Andre Beging
2020-03-01 22:53:06 +01:00
parent 1e019fc1f7
commit 784ef94eb6
4 changed files with 44 additions and 3 deletions

View File

@@ -7,6 +7,16 @@ if (document.body.classList.contains("hero")) {
document.body.classList.remove("scroll");
});
}
function testFoodRelatedInputs() {
var freitagElement = document.getElementById('abendFreitag');
var freitagChecked = freitagElement.checked;
var samstagElement = document.getElementById('abendSamstag');
var samstagChecked = samstagElement.checked;
var ernaehrungElement = document.getElementById('ernaehrung');
var allergien = document.getElementById('allergien');
ernaehrungElement.disabled = !freitagChecked && !samstagChecked;
allergien.disabled = !freitagChecked && !samstagChecked;
}
window.onload = function () {
// Sidebar toggle
var sidebarToggleElement = document.querySelector('[data-action="toggle-sidebar"]');
@@ -15,6 +25,14 @@ window.onload = function () {
document.body.classList.toggle("sidebar");
});
}
var freitagAbendElement = document.getElementById('abendFreitag');
if (freitagAbendElement) {
freitagAbendElement.addEventListener('change', function (event) { testFoodRelatedInputs(); });
}
var samstagAbendElement = document.getElementById('abendSamstag');
if (samstagAbendElement) {
samstagAbendElement.addEventListener('change', function (event) { testFoodRelatedInputs(); });
}
// Form silent submit
var formElement = document.querySelector('form');
if (formElement) {