精华内容
下载资源
问答
  • layui 添加复选框checkbox后,无法正确显示方式,这个是由于html里的样式添加 layui-form后,没有加载 form插件 ,具体如下: <body style="background-color: white;"> <div class="layui-form">...

    layui 添加复选框checkbox后,无法正确显示方式,这个是由于html里的样式添加 layui-form后,没有加载 form插件 ,具体如下:

        <body style="background-color: white;">
        <div class="layui-form">
            <div class="layui-form-item" pane="">
                <label class="layui-form-label">原始复选框</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
                    <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
                    <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
                </div>
            </div>
        </div></body>
    
    #上面样式中有添加layui-form  所以需要引入 layui中form,才可正确显示
    
        <script>
            layui.use('form', function () {
    
                var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
    
                form.render();
    
            });
        </script>

     

    转载于:https://www.cnblogs.com/weilaibuxiangshuo/p/11448561.html

    展开全文
  • ajax-form提交 前端代码: <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head th:include="_meta :: header">...添加</title> </head> <link rel="style...

    ajax-form提交

    前端代码:

    <!DOCTYPE HTML>
    <html  xmlns:th="http://www.thymeleaf.org">
    <head th:include="_meta :: header">
        <title>添加</title>
    
    </head>
    <link rel="stylesheet" th:href="@{/xadmin/lib/formselect/formSelects-v4.css}">
    <body>
    <div class="layui-fluid">
        <div class="layui-row">
            <form class="layui-form form form-horizontal" id="form-materialMart-add" action="#" th:action="@{/admin/materialMart/edit}"
                  th:object="${materialMart}" enctype="multipart/form-data">
                <input type="hidden" name="id" th:value="${materialMart.id}"/>
                <input type="hidden" id="checked" th:value="${materialProjects}"/>
                <div class="layui-form-item">
                    <label class="layui-form-label">项目类型:</label>
                    <div class="layui-input-block">
                        <select name="typeId" id="type" xm-select="select9" xm-select-search xm-select-create>
                            <option name="rights" th:each="recommendMenuSecond:${recommendMenuSeconds}" th:text="${recommendMenuSecond.menuName}" th:title="${recommendMenuSecond.menuName}" th:value="${recommendMenuSecond.id}"></option>
                        </select>
                    </div>
                </div>
    
                <div class="layui-form-item" style="margin-top: 50px">
                    <label class="layui-form-label" style="width:80px;">项目标题:</label>
                    <div class="layui-input-inline">
                        <input type="layui-input" class="layui-input" style="width: 738px;" th:value="${materialMart.title}"  name="title"  placeholder="添加项目标题" id="title"/>
                    </div>
                </div>
    <!--            <div class="layui-form-item">-->
    <!--                <label class="layui-form-label" style="width:80px;">上传图标:</label>-->
    <!--                <div class="layui-input-inline">-->
    <!--                    <input type="file" class="layui-input" th:value="${materialMart.Icon}" name="imageFile" multiple placeholder="添加项目图标" id="Icon"/>-->
    <!--                </div>-->
    <!--            </div>-->
    
                <div class="layui-form-item" style="margin-top: 50px">
                    <label class="layui-form-label">项目图标:</label>
                    <div class="imgcon" style="float: left">
                    </div>
                    <input type="hidden" value="" name="Icon"  class="goods_img">
                    <div class="addimg" style="float: left">
                        <div id="drag" class="" title="将文件拖拽到此处上传">
                            <label for="fileupload" title="点击上传">
                                <img th:src="${materialMart.Icon}" style="height: 100px;width: 100px;" alt="">
                            </label>
                        </div>
                        <input style="display: none" id="fileupload" type="file" accept="image/*" name="imageFile"
                               multiple="multiple" data-url="/admin/materialMart/addFile">
                    </div>
                </div>
    
                <!--                <div class="layui-form-item">-->
                <!--                    <label class="layui-form-label"><span-->
                <!--                            class="c-red">* </span>项目内容:</label>-->
                <!--                    <div class="layui-input-block">-->
                <!--                        <script id="editor" th:text="${materialMart.content}" name="content" autofocus type="text/plain" style="height: 500px">-->
                <!--                        </script>-->
                <!--                    </div>-->
                <!--                </div>-->
                <div class="layui-form-item layui-form-text" style="margin-top: 50px">
                    <label for="introduction" class="layui-form-label" style="width:80px;">项目简介:</label>
                    <div class="layui-input-block">
                        <textarea id="introduction" name="introduction" th:text="${materialMart.introduction}" class="layui-textarea" style="width:900px;height:200px;margin-right:20px;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text" style="margin-top: 50px">
                    <label for="content" class="layui-form-label" style="width:80px;">项目内容:</label>
                    <div class="layui-input-block">
                        <textarea id="content" name="content" th:text="${materialMart.content}" class="layui-textarea" style="width:900px;height:400px;margin-right:20px;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-top: 50px">
                    <label class="layui-form-label" style="width:80px;">项目价格:</label>
                    <div class="layui-input-inline">
                        <input type="layui-input" class="layui-input" th:value="${materialMart.price}" name="price"  placeholder="添加项目价格" id="price"/>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-top: 50px">
                    <label class="layui-form-label" style="width:80px;">咨询电话:</label>
                    <div class="layui-input-inline">
                        <input type="layui-input" class="layui-input" th:value="${materialMart.phoneNumber}"  name="phoneNumber"  placeholder="添加咨询电话" id="phoneNumber"/>
                    </div>
                </div>
    
                <div class="layui-form-item" style="margin-top: 50px">
                    <label class="layui-form-label" style="width:80px;">是否精选:</label>
                    <div class="layui-input-block" style="width: 200px">
                        <select name="isGoods" id="isGoods">
                            <option th:value="${materialMart.isGoods}"></option>
                            <option th:text="" th:value="1"></option>
                            <option th:text="" th:value="0"></option>
                        </select>
                    </div>
                </div>
    
                <div class="layui-form-item" style="margin-top: 50px;margin-bottom: 60px;">
                    <label class="layui-form-label">
                    </label>
                    <button  class="layui-btn" id="subbtn" type="submit" >
                        修改
                    </button>
                    <button  class="layui-btn" id="reset" type="reset" >
                        重置
                    </button>
                </div>
            </form>
        </div>
    </div>
    
    <!--_footer 作为公共模版分离出去-->
    <div th:replace="_footer :: footerjs"></div>
    <!--<div th:replace="_ueditor :: ueditor"></div>-->
    <script th:src="@{/xadmin/lib/formselect/formSelects-v4.js}" charset="utf-8"></script>
    <!--/_footer 作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <link rel="stylesheet" type="text/css" th:href="@{/xadmin/lib/formSelect/formSelects-v4.css}"/>
    <script type="text/javascript" th:src="@{/xadmin/lib/formselect/formSelects-v4.js}"></script>
    <script th:src="@{/xadmin/lib/jQuery-File-Upload/js/vendor/jquery.ui.widget.js}"></script>
    <script th:src="@{/xadmin/lib/jQuery-File-Upload/js/jquery.iframe-transport.js}"></script>
    <script th:src="@{/xadmin/lib/jQuery-File-Upload/js/jquery.fileupload.js}"></script>
    <script>
        layui.use(['form', 'layer','laydate'],function() {
            $ = layui.jquery;
            var form = layui.form,
                laydate = layui.laydate,
                layer = layui.layer;
            lay('.timeSpace').each(function(){
                laydate.render({
                    elem: this
                    ,trigger: 'click'
                    ,type: 'datetime'
                });
            });
            //多选框回显
            var formSelects = layui.formSelects;
            var questionnaireList = $("#checked").val();
            console.log(questionnaireList);
            let arr = JSON.parse(String(questionnaireList))
            formSelects.value('select9', arr, true);
            formSelects.btns('select9', ['remove']);
        });
    
        $(function(){
            $("#form-materialMart-add").validate({
                rules:{
                    type:{
                        required: true,
                    },
                    userId:{
                        required: true,
                    },
                    projectSortId:{
                        required: true,
                    },
                    title:{
                        required: true,
                    },
                    Icon:{
                        required: true,
                    },
                    content:{
                        required: true,
                    },
                    introduction:{
                        required: true,
                    },
                    price:{
                        required: true,
                    },
                    phoneNumber:{
                        required: true,
                    },
                    createTime:{
                        required: true,
                    },
                    updateTime:{
                        required: true,
                    },
                    isGoods:{
                        required: true,
                    },
                },
                onkeyup:false,
                debug: true,
                success:"valid",
                submitHandler:function(form){
                    $(form).ajaxSubmit({
                        type: 'POST',
                        url: "/admin/materialMart/edit" ,
                        success: function(data){
                            if(data.code == "1"){
                                selfmsg('修改成功!',1,function(){
                                    var index = parent.layer.getFrameIndex(window.name);
                                    parent.location.reload();
                                    parent.layer.close(index);
                                });
                            }else{
                                selfmsg('修改失败!');
                            }
                        },
                        error: function(){
                            selfmsg('修改异常!',5);
                        }
                    });
                }
            });
        });
    
    </script>
    <!--上传图片-->
    <script>
        //删除图片
        function closeImg(obj) {
            $(obj).parent().remove();
            // var goods_img = '';
            // $('.imgcon .img_div').each(function () {
            //     goods_img += $(this).find('img').attr('src') + ',';
            // })
            $('.meetingIcon').val('');
            if ($('.imgcon').children().length == 1) {
                $('.addimg').css('display', 'none');
            }
            if ($('.imgcon').children().length < 1) {
                $('.addimg').css('display', 'inline-block');
            }
        }
        //上传图片
        $(function () {
            $('#fileupload').fileupload({
                dataType: 'json',
                dropZone: $('#drag'),
                change: function (e, data) {
                    var len = $('.imgcon').children().length;
                    if (data.files.length > (1 - parseInt(len))) {
                        layer.msg('最多上传1张图片');
                        return false;
                    }
                },
                start: function (e) {
                    layer_msg = layer.msg('正在上传中…', {time: 100000000});
                },
                progressall: function (e, data) {
                    $('.layui-layer-msg .layui-layer-content').html('已上传' + (data.loaded / data.total * 100).toFixed(2) + '%');
                },
                done: function (e, data) {
                    layer.close(layer_msg);
                    callback(data.result.msg);
                }
            });
            $('#drag').bind('drop dragover', function (e) {
                e.preventDefault();
            }).on('dragenter', function (e) {
                $(this).addClass('dragenter');
            }).on('drop', function (e) {
                $(this).removeClass('dragenter');
            }).on('dragleave', function (e) {
                $(this).removeClass('dragenter');
            });
    
            /**
             * 数据回调
             * @param id
             * @param value
             */
            function callback(value) {
                var $li = $(
                    "<div class=\"img_div\">" +
                    "<a οnclick=\"$(this).attr('href', $(this).find('img').attr('src'))\" type=\"button\"  data-lightbox=\"preview\">" +
                    "<img src=\"" + value + "\" alt=\"\" style='height: 100px;width: 100px'>" +
                    "</a>" +
                    "<i class='layui-icon layui-icon-delete close' οnclick='closeImg(this)'></i>" +
                    "</div>"
                );
                $('.imgcon').append($li);
                if ($('.imgcon').children().length == 1) {
                    $('.addimg').css('display', 'none');
                }
                // var goods_img = '';
                // $('.imgcon .img_div').each(function () {
                //     goods_img += $(this).find('img').attr('src') + ',';
                // })
                $('.goods_img').val($(this).find('img').attr('src'));
            }
    
            //图片回显
            if ("$document.getElementsByName('name')" != '') {
                var goods_img = $(document.getElementsByName('name'));
                $('.goods_img').val(goods_img);
                // var arr = goods_img.split(',');
                // for (var i = 0; i < arr.length; i++) {
                //     if (arr[i] != '') {
                //         callback(arr[i]);
                //     }
                // }
                if ($('.imgcon').children().length == 1) {
                    $('.addimg').css('display', 'none');
                }
    
            }
        });
    </script>
    <!--/请在上方写此页面业务相关的脚本-->
    </body>
    </html>
    

    后端代码:

    package com.mbyte.easy.admin.controller;
    
    import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    import com.baomidou.mybatisplus.core.metadata.IPage;
    import com.baomidou.mybatisplus.core.toolkit.StringUtils;
    import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
    import com.mbyte.easy.admin.entity.MaterialMart;
    import com.mbyte.easy.admin.entity.MaterialProject;
    import com.mbyte.easy.admin.entity.ProjectSort;
    import com.mbyte.easy.admin.entity.RecommendMenuSecond;
    import com.mbyte.easy.admin.service.IMaterialMartService;
    import com.mbyte.easy.admin.service.IMaterialProjectService;
    import com.mbyte.easy.admin.service.IProjectSortService;
    import com.mbyte.easy.common.controller.BaseController;
    import com.mbyte.easy.common.web.AjaxResult;
    import com.mbyte.easy.util.OssFileUtils;
    import com.mbyte.easy.util.OssUtil;
    import com.mbyte.easy.util.PageInfo;
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.*;
    import org.springframework.web.multipart.MultipartFile;
    
    import java.io.IOException;
    import java.time.LocalDateTime;
    import java.util.ArrayList;
    import java.util.List;
    
    /**
    * <p>
    * 物料商城内容管理
    * </p>
    * @author 吕金彪
    * @since 2019-09-21
    */
    @Slf4j
    @Controller
    @RequestMapping("/admin/materialMart")
    public class MaterialMartController extends BaseController  {
    
        private String prefix = "admin/materialmart/";
    
        @Autowired
        private IMaterialMartService materialMartService;
        @Autowired
        private IMaterialProjectService materialProjectService;
    
        /**
        * 查询列表
        *
        * @param model
        * @param pageNo
        * @param pageSize
        * @param materialMart
        * @return
        */
        @RequestMapping
        public String index(Model model,@RequestParam(value = "pageNo", required = false, defaultValue = "1") Integer pageNo,@RequestParam(value = "pageSize", required = false, defaultValue = "20") Integer pageSize, MaterialMart materialMart) {
            Page<MaterialMart> page = new Page<MaterialMart>(pageNo, pageSize);
            IPage<MaterialMart> pageInfo = materialMartService.listPage(materialMart,page);
            model.addAttribute("searchInfo", materialMart);
            model.addAttribute("pageInfo", new PageInfo(pageInfo));
            return prefix+"list";
        }
    
        /**
        * 添加跳转页面
        * @return
        */
        @GetMapping("addBefore")
        public String addBefore(Model model){
            List<RecommendMenuSecond> recommendMenuSeconds = materialMartService.selectAllType();
            model.addAttribute("recommendMenuSeconds",recommendMenuSeconds);
            return prefix+"add";
        }
    
        /**
         * 添加页面图片保存跳转
         */
        String path = "";
    
        @PostMapping("addFile")
        @ResponseBody
        public AjaxResult addFile(@RequestParam("imageFile") MultipartFile imageFile) {
            path = OssFileUtils.uploadSingleFile(imageFile);
            return success(path);
        }
    
        /**
        * 添加
        * @param materialMart
        * @return
        */
        @RequestMapping("add")
        @ResponseBody
        public AjaxResult add(MaterialMart materialMart, String typeId){
            materialMart.setShareNumber(0);
            materialMart.setCreateTime(LocalDateTime.now());
            materialMart.setUpdateTime(LocalDateTime.now());
            if(materialMart.getPrice()==null){
                materialMart.setPrice(0);
            }
            //上传图片
            materialMart.setIcon(path);
            log.info("path:"+path);
            //分割字符串typeId
            String[] strArr= StringUtils.split(typeId,",");
    
            //插入新建项目
            int change = materialMartService.insertAllMart(materialMart);
            log.info("change"+change);
            //插入对应类型到中间表
            MaterialProject materialProject=new MaterialProject();
            for (int i = 0; i < strArr.length; i++) {
                materialProject.setMaterialMartId( materialMart.getId());
                materialProject.setProjectSortId(Long.valueOf(strArr[i]));
                materialProject.setCreateTime(LocalDateTime.now());
                materialProject.setUpdateTime(LocalDateTime.now());
                materialMartService.insertMartType(materialProject);
            }
    
            return toAjax(change);
        }
        /**
        * 添加跳转页面
        * @return
        */
        @GetMapping("editBefore/{id}")
        public String editBefore(Model model,@PathVariable("id")Long id){
            //回显所有数据
            model.addAttribute("materialMart",materialMartService.getById(id));
            QueryWrapper<MaterialProject> queryWrapper=new QueryWrapper<>();
            queryWrapper.eq("material_mart_id",id);
            List<MaterialProject> materialProjects = materialProjectService.selectList(queryWrapper);
            List<Long> list=new ArrayList<>();
            for (MaterialProject materiaProject:materialProjects) {
                list.add(materiaProject.getProjectSortId());
            }
    
            //回传所有类型
            List<RecommendMenuSecond> recommendMenuSeconds = materialMartService.selectAllType();
            model.addAttribute("materialProjects",list);
            model.addAttribute("recommendMenuSeconds",recommendMenuSeconds);
            return prefix+"edit";
        }
        /**
        * 添加
        * @param materialMart
        * @return
        */
        @PostMapping("edit")
        @ResponseBody
        public AjaxResult edit(MaterialMart materialMart,
                               @RequestParam(required = false) String title,
                               @RequestParam(required = false) String content,
                               @RequestParam(required = false) Integer price,
                               @RequestParam(required = false) Integer phoneNumber,
                               String typeId){
            materialMart.setTitle(title);
            materialMart.setContent(content);
            materialMart.setPrice(price);
            materialMart.setPhoneNumber(phoneNumber);
            materialMart.setUpdateTime(LocalDateTime.now());
            //上传图片
            materialMart.setIcon(path);
    
            if(typeId!=null&&typeId!="") {
                //分割字符串typeId
                String[] strArr = StringUtils.split(typeId, ",");
                //删除该项目原属类
                materialMartService.deleteByMartId(materialMart.getId());
                //插入类型到中间表
                MaterialProject materialProject = new MaterialProject();
                for (int i = 0; i < strArr.length; i++) {
                    materialProject.setMaterialMartId(materialMart.getId());
                    materialProject.setProjectSortId(Long.valueOf(strArr[i]));
                    materialProject.setCreateTime(LocalDateTime.now());
                    materialProject.setUpdateTime(LocalDateTime.now());
                    materialMartService.insertMartType(materialProject);
                }
            }
            return toAjax(materialMartService.updateById(materialMart));
        }
        /**
        * 删除
        * @param id
        * @return
        */
        @GetMapping("delete/{id}")
        @ResponseBody
        public AjaxResult delete(@PathVariable("id") Long id){
            //删除该项目原属类
            materialMartService.deleteByMartId(id);
            return toAjax(materialMartService.removeById(id));
        }
        /**
        * 批量删除
        * @param ids
        * @return
        */
        @PostMapping("deleteAll")
        @ResponseBody
        public AjaxResult deleteAll(@RequestBody List<Long> ids){
            //删除项目原属类
            for (Long id:ids) {
                materialMartService.deleteByMartId(id);
            }
            return toAjax(materialMartService.removeByIds(ids));
        }
    
    }
    
    
    
    展开全文
  • layui数据表格复选框回显

    千次阅读 2020-01-08 17:25:35
    必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。 true 上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性. 其实这个属性是可以在每一行数据上面单独添加的...
    LAY_CHECKED Boolean 是否全选状态(默认:false)。必须复选框列开启后才有效,如果设置 true,则表示复选框默认全部选中。 true

    上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.

    其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就可以实现单独一行勾选效果.

    下列:

    我们表格加载的数据为json格式:

    {“id”:i, “name”:小明}

    如果要实现勾选效果:

    {“id”:i, “name”:小明, “LAY_CHECKED”:true}

    试了下list循环根据自己的字段值 判断加了个 LAY_CHECKED 属性 可以回显了

    展开全文
  • Layui 数据表格复选框不居中

    万次阅读 2020-08-16 10:38:48
    添加此css样式: .layui-table-cell .layui-form-checkbox[lay-skin="primary"]{ top: 50%; transform: translateY(-50%); }

    请添加此css样式:

     .layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
                        top: 50%;
                        transform: translateY(-50%);
                    }
    
    展开全文
  • 在写表单验证添加一个记住密码的单选时,无论怎么捣鼓都显示不出来,其他元素都能正常显示, 查找网上很多资料都说是说添加一下js代码即可: <script type="text/javascript"> layui.use('form',function(){...
  • 小白刚上手layui,就遇到比较复杂的业务,如图,提交的form表单中,除了一个多选的select外,还包含一个table,table内部还有两个select单选,因为复选框是使用的multiSelect插件,而且在前,在点了添加之后,动态...
  •  <div class="layui-inline layui-form-item">  <label class="layui-form-label">应用场所:  <div class="layui-input-inline" style="width:503px;">   select1 " >  请选择, 此处是联动多选     ...
  • Layui 动态在table里添加多个复选框

    千次阅读 2020-03-05 17:09:54
    在一个table里动态显示多个复选框 数据: { “count”: 1000, “code”: 0, “msg”: “”, “data”: [ { “menuCode”: “customer”, “menuName”: “客户列表”, “permissions”: [ { “permissionId”: “1...
  • layui.table.render 函数中添加done回调函数,并在cols 中加event 点击事件名 layui.table.render({ elem: '#list' , url: url //数据接口 , page: true //开启分页 , id: 'testReload' , limit : 30 , ...
  • 安排一波~ ...第三步:在你需要获取到复选框选择的id函数里面去拿这些值 注意:var treecheckdata = tree.getChecked("demoId");这个只能获取到父节点id,因此需要对返回值进行处理,才能得到选中的所...
  • 最近项目中需要利用文本框,输入数字,然后页面出现相应的几个复选框,因为项目用的是layui,我用的是layui的方法,其实用别的也同样适用。 1.jsp: <div class="layui-container"> <form class="layui-...
  • form id="upload_form" action="/upload" class="layui-form"> <div class="layui-form-item"> <input type="radio" lay-filter="sex" name="sex" value="1">男 <input type="radio" lay-...
  • 一、layui 实现表单中多选框的全选功能,代码如下: // 动态添加选项 $("#InfoInCardCheck").append(`<label class="layui-form-label">请选择:</label> <input lay-skin="primary" type=...
  • 想要出现如下效果:在表格前列具有默认自增序号及复选框 需要添加如下代码 cols:[[ { type:"numbers", width:15, align:"center"}, { type:"checkbox", width:35, align: "center" }, { field:'account',...
  • 功能:因为某些权限之间是有关联的,比如: “ **查看材料** ” 和 “ **修改材料** ” ,这两个权限是有联系的,当你勾选 “ **修改材料** ” 权限的时候,那么, “ **查看...2.在table的源文件中添加一个这样的方法
  • 显示不全样板 解决方案:在样式文件(.css)或本界面中添加如下样式: .laytable-cell-radio { padding: 10px 15px 0 15px; } 添加如上样式之后:
  • 这期间弄这个html真的很是头痛,网上下载的前端模板,不知道用的是什么框架,也不好改,为了达到自己想要的效果,还是尝试了一下在模板框架中加入layUI框架的一些功能,对于这个表单元素...在你的jsp页面中添加已下...
  • 前端from中复选框 ...layui-form-item"&gt; &lt;label class="layui-form-label"&gt;配置&lt;/label&gt; &lt;div class="layui-input-block"&gt; &
  • <div class="layui-form-item layui-form-text">... 添加 layui-form-text =================================================== <%@page language="java" contentType="text/html; charset=UTF-8" ...
  • 首先创建一个数组,把每次选中的值添加到这个数组中,然后返回出来。 <div class="layui-input-block" id="ag_redaio"> <input type="checkbox" name="ag_rd" value="1" lay-skin="primary" title=...
  • layui-treetable

    2018-03-01 17:07:19
    layui-treetable 兼容layui,带复选框,树形列表,以及在树形列表添加操作按钮
  • 参考网址 ... 解决 全选 行为 页面中 <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 --> ...form class="layui-form">...div class="layui-form-item">...label class="layui-form-...复选框</lab
  • layui 中复选框不居中的问题

    千次阅读 2018-09-27 16:01:55
    layui 复选框向上偏移 加上下面一段代码就可以 <style> .layui-table-cell .layui-form-checkbox[lay-skin="primary"]{top: 50%;transform: translateY(-50%)} </style> 添加之后的效果 ...
  • 当我们自动添加checkbox,并且局部刷新的时候,新的复选框不会被渲染,所以显示是空白 解决办法: 1.需要添加一行代码(渲染后的checkbox代码) <input type=checkbox lay-skin=primary> <div class=layui-...
  • layui表格实现多选表格行批量删除

    千次阅读 2020-10-11 20:21:01
    然后表头第一列需要type=“check”复选框。这样才能知道你选中了哪一行,接着通过循环选中行的长度,将该行的ID字段一个个添加到数组中,这样就获取到了需要删除多行的ID值了。 全程图片,完整过程!如不懂,可私聊...
  • layui监听多个radio事件

    2018-08-29 10:29:00
    需求如下图:想要选中单选框3,是单选框3下的复选框全选 如果 面板信息 不多的话,可以给每个单选框3添加一个固定的监听事件 但是实际项目中,不仅仅只有两个,会有几十个,这时总不能绑定一个lay-filter,添加...
  • demo实现了分页列表监听了复选框、单击、双击事件,Demo实现了简单的增、删、改、查基本操作功能,添加了Echarts对用户性别的数据分析、用户添加时间的数据分析。POI表格导入功能。下载即可运行。

空空如也

空空如也

1 2
收藏数 37
精华内容 14
关键字:

layui添加复选框