layui的selete、checkbox等动态样式处理

样式的无效主要是在表单的情况下点击不同数据重复调用页面的时候才会有这个困扰

使用checkbox的情况下
方法一（样式的更改有时正常，有时不行，非常奇怪）

            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="userStatus" lay-skin="switch" lay-filter="switch" lay-text="启用|禁用" checked>
                </div>
            </div>

根据返回值修改状态

					if (data.userStatus == 1) {
   
                        $(".operation_user input[name=userStatus]").attr('checked', 'checked');
                        $(".operation_user input[name=userStatus]").attr('type', 'hidden').val(1);
                        var x = document.getElementsByClassName("layui-unselect layui-form-switch");
                        x[0].setAttribute("class", "layui-unselect layui-form-switch layui-form-onswitch");
                        var d = document.getElementsByTagName('em')[0];
                        d.firstChild.nodeValue = '启用';
                    } else {
   
                        $(".operation_user input[name=userStatus]").attr('type', 'hidden').removeAttr("checked").val(2);
                        var x = document.getElementsByClassName("layui-unselect layui-form-switch");
                        x[0].setAttribute("class", "layui-unselect layui-form-switch");
                        var d