Как сделать активным/неактивным поле формы выбора из списка?

Question

[Роман Иванов]

Приложение на Flaske, для отрисовки форм использую flask wtf-Forms, и соответственно в шаблонизаторе jinja2 - передаю атрибуты класса формы.
Задача в том что бы с помощью radio batton или просто checkboks активировать поле для выбора из списка (SelectField) и или же наоборот сделать его не активным.
Я плохо понимаю как работает javascript но всё же есть сходство с Pythonom но не смог понять как то что я нашёл на просторах инета прикрутить к шаблонизатору - нашёл вот такое решение через html и javascript

<script>
   function agreeForm(f) {
    // Если поставлен флажок, снимаем блокирование кнопки
    if (f.agree.checked) f.submit.disabled = 0 
    // В противном случае вновь блокируем кнопку
    else f.submit.disabled = 1
   }
  </script>

<form>
   <p><textarea cols="30" rows="4" disabled>
    Типовой договор
    Отдаю свою душу, а взамен получаю здоровье и бессмертие. 
   </textarea></p>
   <p><input type="checkbox" name="agree" onclick="agreeForm(this.form)"> 
    Я согласен со всеми условиями</p>
   <p><input type="submit" name="submit" value="Далее" disabled></p>
  </form>

А вот собственно мой код с html

<div>
        <form action="" method="post">
             {{ form.hidden_tag() }}
            <p>
                {{ form.checkbox.label}}<br>
                {{ form.checkbox}}
            </p>
            <p>
                <h3>
                    <span style="color: red;">
                        {{form.user_id.label}}<br>
                    </span>
                </h3>
                        {{form.user_id}}
            </p>
            <p> {{form}}</p>
            </form>
    </div>

Возможно есть какой-то механизм во flask-form я такого механизма работы с формами не нашёл.

Comments

[Женя Ренессанс]

А в чём проблема? Всё же, вроде, работает

[Рамис]

class MyForm(FlaskForm):
    ...
    my_chbox = BooleanField(label=('checkbox '), default=False)
    my_clct = SelectField(choices=[...])
    ...

let chbox;
let clct;

chbox = document.getElementById('my_chbox');
clct = document.getElementById('my_clct');

chbox.addEventListener('change', function() {
  if (this.checked) {
    clct.disabled = false
  } else {
    clct.disabled = true
  }
});

[Роман Иванов]

Рамис, работает, благодарю за помощь, сделал такой вариант без wtf-form.