Question

我正在为我的一个项目使用Bootstrap Switch。如果未选中我的复选框，则开关首先显示为开启并快速移动到关闭而不是从头开始。我不明白如何解决这个问题。在演示中看起来工作正常。但是，如果选中该复选框，则按预期工作。

<link rel="stylesheet" type="text/css" href="bootstrap-switch.min.css" />
<script src="bootstrap-switch.min.js"></script>

<input id="mode_selector" type="checkbox" data-size="small" data-on-text="live" data-off-text="test" >
<script> $("#mode_selector").bootstrapSwitch(); </script>

Answer 1

如果我理解您的问题，您希望复选框的初始值为off。

我认为这应该有效：

<input id="mode_selector" type="checkbox" ... checked=false>

Answer 2

在document.ready

中添加初始化代码

<script>
  $(document).ready(function(){
      $("#mode_selector").bootstrapSwitch();        
  }); 
</script>

Answer 3

请检查引导开关here

的各种选项

在初始化期间，您可以将复选框的状态更改为 false let alertVC = UIAlertController(title: "title", message: "message", preferredStyle: .alert) alertVC.addAction(UIAlertAction(title: "Close", style: .default, handler: nil)) self.present(alertVC, animated: true, completion: nil)

Answer 4

这将初始化一个复选框为开：

[1,2]
或
<input id="mode_selector" type="checkbox" ... checked='checked'>

这会将一个复选框设置为OFF：

<input id="mode_selector" type="checkbox" ... checked>

只需完全删除<input id="mode_selector" type="checkbox">属性

如何让bootstrap开关第一次关闭？

4 个答案: