Question

我使用this library来实现切换按钮。我有两个切换按钮。我的目的是在打开其中一个时，另一个应该关闭。

正如图书馆指示的那样，我创建了两个input元素：

<input type="checkbox" data-toggle="toggle" data-style="ios" data-size="normal" data-on="&#8203;" data-off="&#8203;" class="switch switch-on" checked value="true">
<input type="checkbox" data-toggle="toggle" data-style="ios" data-size="normal" data-on="&#8203;" data-off="&#8203;" class="switch switch-off">

我的jQuery代码来处理它们：

$('.switch-on').change(function(){
    $(this).removeClass('switch-on');
    $(this).addClass('switch-off');
    $(this).bootstrapToggle();
});

$('.switch-off').click(function(){
    $(this).removeClass('switch-off');
    $(this).bootstrapToggle();
    $('.switch-on').click();
    $(this).addClass('switch-on');
});

我尝试了很多方法，包括更改类名，触发事件，但完全徒劳无功。检查元素时，甚至没有更改类名。为什么它不起作用？

Answer 1

试试这个代码段，

＆＃13;

{FULL_URL}

＆＃13;

$("#toggle1").change(function() {
  if ($(this).is(":checked")) {
      $("#toggle2").bootstrapToggle('off');
  }
});
$("#toggle2").change(function() {
  if ($(this).is(":checked")) {
      $("#toggle1").bootstrapToggle('off');
  }
});

＆＃13;

Bootstrap Toggle - 一个打开，另一个打开

1 个答案: