我有一個Django窗體,我希望它最初隱藏文本字段,直到用戶選擇一個複選框。使用Django,CSS和Javascript使複選框選擇的HTML表單狀態存在
我是Django和Web應用程序的新手,所以我不知道我在找什麼或調用什麼。我已經無濟於事。任何指針都會有幫助。
SOLUTION:
感謝您的幫助makaveli。下面是我的第一個嘗試這個:
forms.py
from django import forms
from .models import MyModel
class MyForm(forms.ModelForm):
class Meta:
model = MyModel
fields = [
'my_checkbox',
'my_form_input',
]
的index.html
{% load static %}
<html>
<head>
<link rel="stylesheet" type="text/css" href="{% static 'my_app/style.css' %}">
<title>My Django Form</title>
</head>
<body>
<form method="post">{% csrf_token %}
{{ form.as_p }}
<button type="submit">Submit</button>
</form>
<script src="{% static 'my_app/script.js' %}"></script>
</body>
</html>
的style.css
#id_my_form_input {
display : none
}
的script.js
function my_toggle_func() {
if (this.checked) {
document.getElementById("my_form_input").style.display = 'block';
} else {
document.getElementById("my_form_input").style.display = 'none';
}
}
document.getElementById("my_checkbox").onclick = my_toggle_func;