javascript - 如何使用引导切换来调用函数？

Question

我使用 Bootstrap 创建了一个切换开关。其代码如下:

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

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

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

当切换设置为“关闭”时应运行的代码如下:

clearInterval(int);

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

Answer 1

您可以使用 onchange 事件。

在此示例中，我为您的复选框提供了一个 ID，并使用它来绑定(bind) 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
        }
};