MUI class="mui-switch" 开关监听

219 阅读 0 评论 145 点赞

我是靠谱客的博主欢喜纸鹤，这篇文章主要介绍MUI class="mui-switch" 开关监听，现在分享给大家，希望可以做个参考。

如何对MUI中的switch开关按钮进行监听，
页面代码如下:

<form class="mui-input-group">
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
自动登录
<div id="autoLogin" class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
</form>

我们通过如下方式知道按钮被点击了，以及最后状态：

var isManual = false;//标志按钮最后状态
$(function() {
//对按钮进行监听
document.getElementById("autoLogin").addEventListener('toggle', function(event) {
isManual=!isManual;
//alert(isManual);

});
});