编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示

最新推荐文章于 2025-11-11 21:24:14 发布

原创

最新推荐文章于 2025-11-11 21:24:14 发布 · 3.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #获取radio数据 #layui #table表格 #table

layui

table表格展示

效果

在这里插入图片描述

代码

前端代码

<html>
<body>
<table id="demo" lay-filter="demo"></table>
</body>
<script src="/static/js/jquery-1.8.3.min.js"></script>
<script>
 layui.use('table', function () {
    
    
        var table = layui.table;

        //第一个实例
        table.render({
    
    
            elem: '#demo'
            , height: 465
            , url: '/sewage/manage/data' //数据接口
            , page: true //开启分页
            , cols: [[ //表头
                {
    
    type: 'radio', title: '', width: 50, align: 'center', fixed: 'left'}
                , {
    
    field: 'facid', title: 'id', width: 80, align: 'center', sort: true}
                , {
    
    field: 'facname', title: '名称', width: 100, align: 'center'}
                , {
    
    field: 'time', title: '数据时间', width: 150, align: 'center', sort: true}
                , {
    
    field: 'recplan', title: '收款计划', width: 150, align: 'center'}
                , {
    
    field: 'r