Javascript 使用引导开关或类似开关将Django收音机输入更改为切换按钮
models.pyJavascript 使用引导开关或类似开关将Django收音机输入更改为切换按钮,javascript,jquery,python,django,twitter-bootstrap,Javascript,Jquery,Python,Django,Twitter Bootstrap,models.py class Listener(models.Model): # other columns availability = models.BooleanField(default=False) 最初我计划创建一个AvailabilityForm对象,并将输入作为RadioSelect小部件。但我想将单选按钮的外观改为切换开关。我曾想过使用django模板,但我不确定如何使用django模板将其合并。下面是我的问题: 1) 我可以扩展基本的django小部件以获
class Listener(models.Model):
# other columns
availability = models.BooleanField(default=False)
最初我计划创建一个AvailabilityForm对象,并将输入作为RadioSelect小部件。但我想将单选按钮的外观改为切换开关。我曾想过使用django模板,但我不确定如何使用django模板将其合并。下面是我的问题:
1) 我可以扩展基本的django小部件以获得我想要的效果(切换开关),还是使用request.get更容易编写html并获得输入?
2) 我希望已根据数据库中的值选择其中一个选项(如果使用复选框,则选中该选项)。我该怎么做呢?(对我的js技能没有信心)
提前感谢所有帮助如果我查看网站,我会看到以下内容:
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
使用{{form.as\u p}}
最后但并非最不重要的是:
$("[name='my-checkbox']").bootstrapSwitch();
对于要显示为引导开关的复选框
class ListenerForm(forms.ModelForm):
# other columns
availability = forms.CheckboxInput() # Or any other type of checkbox field
$("[name='my-checkbox']").bootstrapSwitch();