JQuery 获取数据表格复选框选中的值

最新推荐文章于 2022-07-14 10:34:09 发布

Aimyone

最新推荐文章于 2022-07-14 10:34:09 发布

阅读量913

点赞数

分类专栏： easyui JQuery 文章标签： JQuery 复选框

本文链接：https://blog.csdn.net/qq_36636312/article/details/103179866

版权

JQuery 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

easyui

6 篇文章 0 订阅

订阅专栏

1，效果图

在这里插入图片描述

2，代码


$('#weidatagrid1').datagrid({
        method:'get',
        rownumbers: true,
        singleSelect: false,//允许多选
        height: findDimensions_height() - 50,
        autoRowHeight: false,
        pagination: true,
        idField: 'id',
        remoteSort: false,
        clientPaging:true,
        pageSize: 15,
        pageList: [10, 15, 20, 25, 30, 40, 50],
        columns:[[
            {field: 'id', align: 'left', halign: 'center',checkbox:true},//设置复选框
            {field: 'interid', title: '接口ID', width:120, align: 'left', halign: 'center'},
            {field: 'opeater', title: '操作', width: 250, align: 'left',sort:true, halign: 'center',
                formatter: function (value, row, index) {
                    var str= '<button type=\'button\' class=\'btn btn-primary bi-glyphicon\' οnclick="lookdetails(\'' + row.id + '\')">查看详情</button>'
                    return str;
                }}
        ]],
        //获取选中行记录
        onSelect:function(index,row){
        },
        onUnselect:function(index,row){
        },
        onSelectAll:function(index,row){
        },
        onUnSelectAll:function(index,row){
        },
        onCheckAll:function(index,row){
        },
        onUncheckAll:function(index,row){
        }
    }).datagrid('clientPaging');//分页样式`在这里插入代码片`


function delRows() {
   var selectIds=$('#weidatagrid1').datagrid('getSelections');//获取选中行的记录数据
   var str="";
    for (var i = 0; i < selectIds.length; i++) {
        if(i==selectIds.length-1){
            str+=selectIds[i].id;//获取其中第i组数据的id属性的值
        }else{
            str+=selectIds[i].id+",";
        }
    }
}