Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用引导开关或类似开关将Django收音机输入更改为切换按钮_Javascript_Jquery_Python_Django_Twitter Bootstrap - Fatal编程技术网

Javascript 使用引导开关或类似开关将Django收音机输入更改为切换按钮

Javascript 使用引导开关或类似开关将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小部件以获

models.py

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();