https://illi-stays.com/wp-content/themes/illistays/assets/js/contact.js

1const checkAgree = function (trigger, target) {
2  const agreeCheckArea = document.getElementById(trigger);
3  const agreeCheckbox = agreeCheckArea.querySelector("#agree");
4  const contactSubmitButton = document.getElementById(target);
5
6  if (!agreeCheckArea || !agreeCheckbox || !contactSubmitButton) return;
7
8  const toggleSubmitButton = () => {
9    if (agreeCheckbox.checked) {
10      // チェックボックスが「チェックされている」場合
11      // ボタンのdisabled属性を「無効」（ボタンを活性化）にする
12      contactSubmitButton.disabled = false;
13    } else {
14      // チェックボックスが「チェックされていない」場合
15      // ボタンのdisabled属性を「有効」（ボタンを非活性化）にする
16      contactSubmitButton.disabled = true;
17    }
18  };
19
20  //ページ読み込み時に実行
21  toggleSubmitButton();
22
23  agreeCheckbox.addEventListener("change", toggleSubmitButton);
24};
25
26window.addEventListener("load", function () {
27  checkAgree("agree-check", "contact-submit");
28});