javascript - Bootstrap 切换 : One on the rest off

Question

我正在使用 Bootstrap Toggle 插件，它将复选框转换为切换按钮。

当我将切换状态从关闭更改为打开时，我希望所有其他状态都关闭。

<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-one">  
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-two">
<input type="checkbox" checked data-toggle="toggle" data-onstyle="success" class="toggle" id="toggle-three">

$('#toggle-one').bootstrapToggle('on');
$('#toggle-two').bootstrapToggle('off');
$('#toggle-three').bootstrapToggle('off');

Answer 1

试试这个，

$(".toggle").change(function() {
 if ($(this).is(":checked")) {
  $('[id^="toggle"]').not(this).each(function() {
   $(this).bootstrapToggle('off');
  });
 }
});

我想做的是，除了当前元素之外，我正在处理所有其他元素。

这里是jsfiddle链接