Bootstrap Switch - ON状态

Question

我正在使用此bootstrap switch library。

我的html中有一个复选框。现在，它始终显示在OFF状态，即使在加载文档时其checked属性设置为true。

除此之外我还需要做什么？

编辑 - 我理解的是，默认情况下，Switch正在输入带有类bootstrap-switch-off的输入类型复选框字段的容器，而不管使用复选框字段的checked属性的值如何

<input type="checkbox" name="my-custom" id="Switch" checked="true">

Answer 1

请注意checked是boolean attribute，这意味着它的存在决定了它是否被应用。在HTML5中，您可以将empty attribute syntax用作checked或checked=""，但我会提醒您不要使用checked="true"，因为它暗示checked="false"实际会做某事。而checked='potato'同样有效。

有些浏览器可能会采用不同的方法，因此我会尝试使用以下两种情况之一：

Default On:
<input type="checkbox" class="switch" checked />

Default Off:
<input type="checkbox" class="switch" />

$("input.switch").bootstrapSwitch();

Working demo in jsFiddle

---

如果没有您的问题的工作演示，很难说其他可能会发生什么。您可以查看documentation中提供的一些选项，以帮助排查正在进行的问题。

您可以通过收听.onInit事件进入初始化，然后检查.state属性，并在必要时使用.toggleState方法切换。

Answer 2

解决了这个问题，而且很简单。

我必须在handleChange函数

中添加'event'

handleChange: function (event, state) {
      console.log(state);
      this.setState({storyStatus: state});
  },