Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
Jquery 将单选按钮转换为开/关切换引导_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 将单选按钮转换为开/关切换引导

Jquery 将单选按钮转换为开/关切换引导,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我想将单选按钮转换为引导打开/关闭切换。我知道如何使用复选框: <input checked data-toggle="toggle" type="checkbox"> 我试着用单选按钮替换复选框的类型,结果得到了一个普通的单选按钮 我所说的开/关切换是指: 您可以使用: 包括依赖项:jQuery、引导和引导开关CSS+Javascript [...] <link href="bootstrap.css" rel="stylesheet"> <link hre

我想将单选按钮转换为引导打开/关闭切换。我知道如何使用复选框:

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

我试着用单选按钮替换复选框的类型,结果得到了一个普通的单选按钮

我所说的开/关切换是指:

您可以使用

包括依赖项:jQuery、引导和引导开关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.
$("[name='my-checkbox']").bootstrapSwitch();