将单选按钮转换为ON / OFF切换Bootstrap

Question

我想将单选按钮转换为引导程序ON / OFF切换。我知道怎么做一个复选框：

<input checked data-toggle="toggle" type="checkbox">

我通过用收音机替换复选框的类型尝试了它的单选按钮，而不是我有一个普通的单选按钮。

ON / OFF切换的含义是：

Answer 1

您可以使用 bootstrap switch ：

包含依赖项：jQuery，Bootstrap和Bootstrap Switch CSS + Javascript。

[...]
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
[...]

添加您的复选框。

<input type="checkbox" name="my-checkbox" checked>
Initialize Bootstrap Switch.

<强> jquery的

$("[name='my-checkbox']").bootstrapSwitch();

享受。

您可以在翻转开关

中使用Turn复选框和单选按钮