Laui的开关状态切换

注意前端的id=“index”

value=“{{d.index}}” 这里是layui模板赋值

layui自带的if语句解析语法

<script type="text/html" id="index">
        <div>
            {{#  if(d.index == 0){ }}
            <input type="checkbox" value="{{d.id}}" index="{{d.index}}" name="close" lay-skin="switch" lay-filter="switchTest" lay-text="已置顶|未置顶">
            {{#  } }}
            {{#  if(d.index == 1){ }}
            <input type="checkbox" value="{{d.id}}" index="{{d.index}}" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="已置顶|未置顶">
            {{#  } }}
        </div>
</script>

绑定模板id

 ,{ field: 'index', title:'是否置顶', templet: '#index', width: 100,}

监听switch开关

获取表单id值

elem获取input属性值

form.on('switch(switchTest)', function(datay){
             var id = datay.value;//获取id
             var index = datay.elem.attributes['index'].nodeValue;//获取当前状态
             if(index == 1)
             {
                 index = 0;
             }else{
                 index = 1;
             }
             $.ajax({
                 url:"http://admi.bing301ex",
                 type:'post',
                 data:{
                     'id':id,
                     'index':index
                 },
                 success:function(suc)
                 {
                      location.reload();
                 }
             })

            // layer.tips('温馨提示:请注意开关状态的文字可以随意定义,而不仅仅是ON|OFF', data.othis)
        });

为您推荐

评论已关闭