html - WTForms-Javascript: pass onclick to WTF field - Stack Overflow

admin管理员组

文章数量:1330867

Is there a way to pass "onclick" onto a WTForm field? I'd like to enable/disable a field depending on whether a WTF checkbox is selected. But the HTML from WTForms does not create or have an "onclick" parameter.

I have a form:

class test(Form):
    checkbox=BooleanField('Checkbox')
    required=TextField('Required if checked')

and I have the JS:

function disablefld(){
  cb=document.getElementById('checkbox').checked;
  document.getElementById('required').disabled=!cb;
  }

The HTML WTForms generated for the checkbox is: <input id="checkbox" name="checkbox" type="checkbox" value="y">. It doesn't work becauseonclick is not present.

I've tried checkbox=BooleanField('Checkbox', onclick="disablefld()") but it is an unexpected argument. Is this possible or should I just make the form in pure html?

Is there a way to pass "onclick" onto a WTForm field? I'd like to enable/disable a field depending on whether a WTF checkbox is selected. But the HTML from WTForms does not create or have an "onclick" parameter.

I have a form:

class test(Form):
    checkbox=BooleanField('Checkbox')
    required=TextField('Required if checked')

and I have the JS:

function disablefld(){
  cb=document.getElementById('checkbox').checked;
  document.getElementById('required').disabled=!cb;
  }

The HTML WTForms generated for the checkbox is: <input id="checkbox" name="checkbox" type="checkbox" value="y">. It doesn't work becauseonclick is not present.

I've tried checkbox=BooleanField('Checkbox', onclick="disablefld()") but it is an unexpected argument. Is this possible or should I just make the form in pure html?

• javascript
• html
• forms
• flask
• wtforms

Share Follow asked Jun 7, 2018 at 18:05 machumpmachump 1,26733 gold badges2323 silver badges4646 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You need to pass the extra arguments while rendering your form.

{% block content %}
{{ form.checkbox(onchange="doStuff()") }}
{{ form.required() }}
<script>
function doStuff(){
  var checked = document.getElementById('checkbox').checked
  if (checked){
    document.getElementById('required').disabled = true
  } else {
    document.getElementById('required').disabled = false
  }
}
doStuff()
</script>

{% endblock %}

本文标签： htmlWTFormsJavascript pass onclick to WTF fieldStack Overflow