xianglian_test_admin/application/user/view/member/grouping.html

{extend name='admin@main'}

{block name="content"}

<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">

    <div class="layui-card-body think-box-shadow padding-left-40">


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs12 relative">
                <label class="layui-col-xs3 relative" >
                    <span class="color-green">分组</span>
                    <select name="group" required class="province-selector" id="group"  lay-filter="group" data-value="">
                        <option value="">请选择分组</option>
                        {foreach $group_list as $k=>$v}
                        <option value="{$v.id}">{$v.name}</option>
                        {/foreach}
                    </select>
                </label>
            </label>
        </div>
        <div class="layui-form-item layui-row layui-col-space15">

            <label class="layui-col-xs12 relative">
                <span class="color-green">
                    <input type="checkbox" disabled name="" value="" lay-skin="primary" title="多选框" checked="">
                    <input type="checkbox" name="checkAll" title="全选" lay-skin="primary" lay-filter="checkAllFilter">
                </span>
                <div class="" required>
                    {foreach $list as $k=>$v}
                    <input type="checkbox" name="users[]"  value="{$v.id}" lay-skin="primary" title="{$v.id}--{$v.name}--{$v.phone}">
                    {/foreach}
                </div>
            </label>
        </div>


        <div class="layui-form-item text-center">
            {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
            <button class="layui-btn layui-btn-danger" onclick="history.go(-1);" type="button">取消编辑</button>
            <button class="layui-btn" type="submit">保存</button>
        </div>

    </div>
</form>
{/block}

{block name='script'}
<script>
    window.form.render();
    layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;


        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });


        //监听全选
        form.on('checkbox(checkAllFilter)', function (data) {
            //var express = $('input[name="column"]:checked').val();
            let isCheck = data.elem.checked;//开关是否开启，true或者false
            if (isCheck) {
                $("input[name='users[]']").prop("checked", "checked");
            } else {
                $("input[name='users[]']").prop("checked", false);
            }
            form.render();
        });

        //监听反选
        form.on('checkbox(checkOldFilter)', function (data) {
            var column = $("input[name='users[]']");
            //console.log(column)
            for (i = 0; i < column.length; i++) {
                console.log(column[i].id)
                let id = column[i].id;
                if (column[i].checked) {
                    $("input[id='" + id + "']").prop("checked", false);
                } else {
                    $("input[id='" + id + "']").prop("checked", "checked");
                }
            }
            form.render();
        });



    });
</script>
{/block}