使用layui复选框checkbox编辑联系人找不到指定的ID

た入场券 2024-04-18 23:39 4阅读 0赞

### 一、问题描述 ###

1.  **当在使用layui框架的过程中，使用了checkbox复选框。当在选定指定的编辑联系人的时候，无法拿到数据，找不到指定的编辑联系人的信息。使用checkState的存数组的方法，当数组的长度等于1的时候才可以进行编辑，拿到json数据进行处理的时候找不到**。  
    代码如下：

var checkStatus = table.checkStatus(obj.config.id);
                                    var dataCon = checkStatus.data;
                                    var ConIds = [];
                                    dataCon.forEach(function (val) { 
                                        //alert(val.ConIds);
                                        ConIds.push(val.ConIds)
                                    });
                                    if (ConIds.length > 0 && ConIds.length < 2 ) { 
                                        // alert('111');
                                        $.getJSON(LtcBaseUrl + '/Customer/GetContactPersonInfo', { 
                                            PersonID: dataCon.PersonID,   // 联系人ID
                                            CustomerID: dataCon.CustomerID  // 客户ID
                                        }).done(function (Data) { 
                                            client.contactForm(Data.Data);
                                        });
                                    } else if (ConIds.length >  1 ) { 
                                        layer.alert('一次只能编辑一位联系人', { 
                                            skin: 'layui-layer-lan',
                                            closeBtn: 0,
                                            title: '提示'
                                        });
                                    } else { 
                                        layer.msg('请先勾选联系人', { 
                                            icon: '5',
                                            time: '1000'
                                        });
                                    }

### 二、解决办法 ###

1.  **取id的对象方式有问题，需要通过控制台打印consol的obj对象，发现具体的值如何取，怎么去找，需要加 \[0\] ， 表示当前的数值**  
    代码如下：

var checkStatus = table.checkStatus(obj.config.elem[0].id);
                                 var dataCon = checkStatus.data;
                                    
                                    if(dataCon.length == 1){ 
                                        $.getJSON(LtcBaseUrl + '/Customer/GetContactPersonInfo', { 
                                            PersonID: dataCon[0].PersonID,   // 联系人ID
                                            CustomerID: dataCon[0].CustomerID  // 客户ID
                                        }).done(function (Data) { 
                                            client.contactForm(Data.Data);
                                        });
                                    }else if(dataCon.length > 1){ 
                                        layer.alert('一次只能编辑一位联系人', { 
                                            skin: 'layui-layer-lan',
                                            closeBtn: 0,
                                            title: '提示'
                                        });
                                    }else{ 
                                        layer.msg('请先勾选联系人', { 
                                            icon: '5',
                                            time: '1000'
                                        });
                                    }

发表评论取消回复

表情：

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

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

相关阅读

相关使用layui复选框checkbox编辑联系人找不到指定的ID

一、问题描述 1. **当在使用layui框架的过程中，使用了checkbox复选框。当在选定指定的编辑联系人的时候，无法拿到数据，找不到指定的编辑联系人的信息。使...

た入场券/ 2024年04月18日 23:39/ 0 赞/ 5 阅读

相关 van-checkbox 复选框功能

van-checkbox 复选框功能 ![在这里插入图片描述][20210309231931248.gif] 涉及的功能点：动态设置弹出框的最大高度

落日映苍穹つ/ 2022年10月23日 08:18/ 0 赞/ 552 阅读

相关 CheckBox复选框

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem

男娘i/ 2022年09月26日 03:15/ 0 赞/ 236 阅读

相关 JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和[操作radio][radio]的方式相似，都是利用元素项的checked属性来完成。先获取checkbox元

系统管理员/ 2022年08月07日 06:53/ 0 赞/ 235 阅读

相关 php中checkbox复选框的使用说明

问题描述：有学员申请某一教练为自己教练时，教练在审核时可以通过checkbox复选框进行批量审核，提高审核效率。代码：1.首先在页面中使用复选框，因为在选择时会有多条

悠悠/ 2022年08月02日 09:47/ 0 赞/ 39 阅读

相关 jquery 处理 CheckBox复选框

$(function () { //第一个复选框id $("btnCheckAll").bind("cl

我不是女神ヾ/ 2022年07月12日 02:49/ 0 赞/ 205 阅读

相关 layui复选框回显

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

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

相关 JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似，都是利用元素项的checked属性来完成。先获取checkbox元素集合，遍历集合，对集合中的每一项做

落日映苍穹つ/ 2022年01月13日 07:19/ 0 赞/ 402 阅读

相关 javascript 复选框（checkbox）全选/全不选/反选

其实很简单，先分析一下效果分析：　　1，点击全选/全不选　　　全选文字变成全不选，同时全选按钮和所有按钮选中状态，否则，则相反　　2，点击反选按钮

た入场券/ 2021年11月19日 14:24/ 0 赞/ 505 阅读

相关 HTML input checkbox 复选框

`< input> `标签 type 属性值设置为 "checkbox" 即可创建一个复选框。单选按钮同一时刻只能有一个按钮处于选中状态，复选框则可以选中任意多项...

小灰灰/ 2020年05月15日 17:29/ 0 赞/ 933 阅读