Layui 如何监听表格复选框选中值

冷不防 2022-05-24 02:41 395阅读 0赞

**需要达到的目的：**

**ajax()异步请求后台时，需要传入表格里复选框选中的id值**

**注意：在渲染form on 方法的done里面加入**

done:function(res){
    
        table_data=res.data;
    
    }

**将复选框选中的值的id加入数组中，然后传递到后台作为ids参数**

//自定义数组
    
    var table_data=new Array();
    
    var ids =new Array();
    
    table.on('checkbox(push_port_table)', function(obj){
    
        if(obj.checked==true){
    
            if(obj.type=='one'){
    
            ids.push(obj.data.id);
    
        }else{
    
                for(var i=0;i<table_data.length;i++){
        
                ids.push(table_data[i].id);
    
                }
    
            }
    
        }else{
    
            if(obj.type=='one'){
    
                for(var i=0;i<ids.length;i++){
    
                if(ids[i]==obj.data.id){
    
                // ids.remove(i);用这个方法会报错not a function
    
                   ids.pop();   //建议用这个
    
                    ids.splice(i,1);
    
                }
    
            }
    
        }else{
    
            for(var i=0;i<ids.length;i++){
    
                for(var j=0;j<table_data.length;j++){
    
                    if(ids[i]==table_data[j].id){
    
                    // ids.remove(i);
    
                    ids.pop();
        
                    ids.splice(i,1);
    
                    }
    
                }
    
            }
    
        }
    
       }
    
        console.log(ids);
    
        console.log(table_data);
    
    });

--------------------

如果你觉得对你有帮助的话，可打赏哦~~

发表评论取消回复

表情：

评论列表（有 0 条评论，395人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui数据表格复选框传递参数值到后台并下载文件

求实现：通过layui框架数据表格渲染方法解析出表格，然后根据表格复选框选中的值（id）来传递到后台，目前需要实现的是调用后台的文件下载接口；由于下载接口不能直接使用...

叁歲伎倆/ 2024年04月17日 06:08/ 0 赞/ 11 阅读

相关 layui回显复选框单选框问题

开发的时候发现layui组件的监听与回显需要特殊处理下如下 > <div class="layui-form-item"> > <

蔚落/ 2023年01月18日 04:13/ 0 赞/ 294 阅读

相关复选框遍历选中 php,jquery如何获取复选框选中的值

本篇文章主要给大家介绍jquery获取复选框选中的值的实现方法。在前面的文章中，我们已经为大家介绍过用js实现获取复选框选中的值，其实现思路并不是很难，想必大家都有一定的了

Dear 丶/ 2023年01月13日 05:54/ 0 赞/ 103 阅读

相关 antDesignForVue 符合条件的表格复选框禁止选中

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] computed: { rowSelection() {

落日映苍穹つ/ 2022年12月13日 04:35/ 0 赞/ 390 阅读

相关复选框选中的判断~

这么基础的技术发帖，实在是不太好意思，没办法，网上的案例好多都无效了，暂时没时间研究细节，先记录下结论：环境：jQuery v1.11.1 <!DOC

梦里梦外;/ 2022年08月18日 11:51/ 0 赞/ 196 阅读

相关 Layui 如何监听表格复选框选中值

需要达到的目的： ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入 done:function(r

冷不防/ 2022年05月24日 02:41/ 0 赞/ 396 阅读

相关 layui复选框回显

根据后台传回的数据进行判断是否选择 layui.use(['table','form','laypage','util'], function() {

╰+哭是因爲堅強的太久メ/ 2022年05月10日 08:48/ 0 赞/ 327 阅读

相关复选框初始选中

$.ajax({ url: app + '/rolePermission/select' + data.id, type: 'GET',

比眉伴天荒/ 2022年02月27日 12:06/ 0 赞/ 308 阅读

相关 layui表格复选框回显

<table> <thead> <tr> <th>LAY_CHECKED</th> <th>Boolean</th> <th>是否全选状态（默

ゝ一纸荒年。/ 2021年12月22日 20:09/ 0 赞/ 503 阅读

相关复选框选中事件

一.方法 1.jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-

Bertha 。/ 2021年09月13日 14:52/ 0 赞/ 477 阅读