我使用 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);
最佳答案
您可以使用 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
}
};
关于javascript - 如何使用引导切换来调用函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47296582/