zoukankan      html  css  js  c++  java
  • datatables实现批量操作

       话不多说,直接上代码

     <table id="datalist" class="table table-border table-bordered table-hover table-bg table-sort text-c " >
                        <thead>
                        <tr class="text-c">
                            <th width="25"><input type="checkbox" name="checkSth" id="checkAll" value=""></th>
                            <th width="25">序号</th>
                            <th >学校编号</th>
                            <th >班级编号</th>
                            <th >班主任</th>
                            <th >手机</th>
                            <th >联系电话</th>
                        </tr>
                        </thead>
                    </table>
    
    
    数据添充:
     function bindData() {
            oTable = $("#datalist").dataTable({
                "sAjaxSource": "${ctx}/community/list?ptype=Ab03",
                "columns": [
                    {"data":null,"sClass": "text-c", "sWidth": "50","mRender":function (data,type,full) {
                       return "<input type=checkBox name='checkSth' value="+data.CKE035+">";
                    }},
                    { "data": null, "sClass": "text-c", "sWidth": "50", "mRender": function (data, type, full, cr) { return cr.settings._iDisplayStart + cr.row + 1; } },
                    { "data": "CAB001"},   //学校编号
                    { "data": "CKE035"},   //班级编号
                    { "data": "CKE036"},   //班主任
                    { "data": "CKE034"},   //手机
                    { "data": "AAE005"},   //联系电话
                ]
            });
        }

    获取选择内容

    var obj = document.getElementsByName("checkSth");
             var checkVal= [];
            for(k in obj){
                if(obj[k].checked)
                    checkVal.push(obj[k].value);
            }
           $('#checkCKE035').val(checkVal);
        }

    checkCKE035是表单的一个元素,提交后可以在后台获取,从而实现在批量处理

  • 相关阅读:
    安全和加密
    awk
    CentOS7练习
    CentOS7系统引导顺序以及排障
    网络配置
    RAID阵列搭建
    LVM逻辑卷
    java-web——第九课 request
    java-web——第八课 JSTL的显示格式
    java-web——第七课 JSTL
  • 原文地址:https://www.cnblogs.com/adkii/p/7323586.html
Copyright © 2011-2022 走看看