Как сделать кнопку неактивной, пока не отмечен чекбокс на JS

#html #css #javascript #сайтостроение #Вебмастеринг
Стояла задача сделать так, чтобы кнопка формы Contact Form 7 выглядела неактивной до тех пор пока не будут отмечены определенные чекбоксы (галочки) в форме (вроде «Согласие на обработку..»). Т.е. сама кнопка и так не срабатывает пока не отмечены обязательные чекбоксы, но нужно сделать, чтобы еще и визуально это было видно. Например, пока не отмечены условия – кнопка серая, когда отметили – зеленая.
Решение: Используем JavasScript. Для кнопки нужно предусмотреть отдельный класс который будет давать ей серый цвет и прописать в стилях. Вешаем обработчик событий по клику на чекбоксы, с функцией, которая будет проверять у чекбоксов параметр checked на true / false, т.е. поставили галочку на чекбоксе или нет. Если оба чекбокса «true», то функция должна удалить у кнопки класс отвечающий за задание серого цвета.
❌ https://qfurs.ru/kak-sdelat-knopku-neaktivnoj-poka-ne-otmechen-chekboks/