LAYUI使用（持续更新）

1、layui里面的radio使用

<div class="layui-form-item">
    <label class="layui-form-label">单选按钮</label>
    <div class="layui-input-block layui-form" lay-filter="open_vip_zk" >
        <input type="radio" name="is_vip_open" value="1" title="是">
        <input type="radio" name="is_vip_open" value="0" title="否">
    </div>
</div>
<div id="warning_vip">按钮</div>
<div class="show">内容显示</div>

        1-1、js控制radio选中：class为layui-form的lay-filter必须设置

//点击按钮-设置单选按钮值为0的内容选中
layui.use(['table','form'],function () {
    var table = layui.table;
    var form = layui.form;
    layui.$("#warning_vip").on("click",function (){
        form.val("open_vip_zk",{"is_vip_open": "0"});
    })
})

        1-2、radio选择事件

//点击按钮-设置单选按钮值为0的内容选中
layui.use(['table','form'],function () {
    var table = layui.table;
    var form = layui.form;
    form.on('radio', function(data){
        if($(data.elem).is('[name=is_vip_open]')) {
            setVipOpen();
        }
    })
})
    function setVipOpen() {
        var is_vip_open = $('[name=is_vip_open]:checked').val();
        if (is_vip_open == 1) {
            $(".show").show();
        }else{
            $(".show").hide();
        }
    }
    setVipOpen();

2、设置input值必填提醒

直接在input中加入lay-verify="required" 属性内容

3、一个页面使用两个table

<table class="layui-hide" id="table1" lay-filter="bindtable1"></table>
<table class="layui-hide" id="table2" lay-filter="bindtable2"></table>

table.render({
    elem: '#table1'
        , method: 'post'
        , cols: [[
        { checkbox: true, fixed: true, field: 'Id' }
        , { field: 'name', title: '名字', hide: true }
    ]]
        , id: 'Table1'
        , page: true
});
table.render({
    elem: '#table2'
        , method: 'post'
        , cols: [[
        { checkbox: true, fixed: true, field: 'Id' }
        , { field: 'name', title: '名字', hide: true }
    ]]
        , id: 'Table2'
        , page: true
});
table.reload('Table1', {
    page: {
        curr: 1
    }
}, 'data');
table.reload('Table2', {
    page: {
        curr: 1
    }
}, 'data');