【MUI】HBuilder class="mui-switch"开关监听

转载请注明出处：http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】

如何对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);
    });
});

本文章由[谙忆]编写， 所有权利保留。

转载请注明出处：http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】