如何使用bootstrap切换来调用函数？

Question

我使用bootstrap创建了一个切换开关。它的代码如下：

<label >
  Automatic Refresh:
</label>
<input class="pull-right" data-size="mini" type="checkbox" data-
toggle="toggle">

在我的应用程序中，我想在按钮为“On”时调用自动刷新功能，并在切换按钮为“Off”时关闭自动刷新功能。 出于实验目的，我将使用setInterval（）和clearInterval（）分别切换On和toggle Off。 切换打开时应运行的代码如下：

var int = setInterval(function(){ alert("Hello"); }, 1000);

当切换设置为Off时应运行的代码如下：

clearInterval(int);

如何在切换点击时进行函数调用？ 我的切换按钮看起来像

Answer 1

您可以使用onchange事件。

对于这个例子，我给你的复选框一个id并用它来绑定onchange事件（还有其他选项）：

<input id="data-toggle" class="pull-right" data-size="mini" type="checkbox" data-
toggle="toggle">

使用Javascript：

document.getElementById('data-toggle').onchange = function(e){

        if(e.target.checked) {
            //Toggle is on
        } else {
            //Toggle is off
        }
};