making the mt-form have some agreement before the form appears

This commit is contained in:
Chris Cochrun 2022-11-05 14:55:03 -05:00
parent 5d2fa30ff4
commit aabf84a80c
2 changed files with 54 additions and 4 deletions

View file

@ -1,4 +1,37 @@
<script>
function process() {
var studentAgree = document.getElementById("student-agree").checked;
console.log(studentAgree);
var parentAgree = document.getElementById("adult-agree").checked;
console.log(parentAgree);
if (studentAgree && parentAgree) {
document.getElementById('form').hidden = false
console.log("WOOHOO");
}
else {
document.getElementById('form').hidden = true
console.log("NEGATORY");
}
}
document.addEventListener('DOMContentLoaded', process);
</script>
<div class="m-4">
<div class="p-2">
<input type="checkbox" name="student-agree" id="student-agree" onclick="process()" />
<label for="student-agree">I agree to the above</label>
</div>
<div class="p-2">
<input type="checkbox" name="adult-agree" id="adult-agree" onclick="process()" />
<label for="adult-agree">Parent agrees to the above</label>
</div>
</div>
<div class="h-12" style="display: flex;"></div>
<iframe
id="form"
class="mt-form w-full h-screen"
src="https://tbl.tfcconnection.org/dashboard/#/nc/form/771dc7dc-9a82-49e4-abfe-0fd7b72281f2?embed"
frameborder="0"