layui 弹出iframe选择数据并获取数据

乡土气息

已于 2022-10-25 15:36:14 修改

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 前端开发语言

于 2022-10-25 15:33:25 首次发布

本文链接：https://blog.youkuaiyun.com/huangdan891029/article/details/127514441

js 专栏收录该内容

3 篇文章

订阅专栏

博客围绕JavaScript这一前端开发语言展开，虽未给出具体内容，但可知其聚焦于该语言在前端开发领域的相关应用等方面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var layer = layui.layer;
layer.open({
            type: 2,  // 2表示弹出的是iframe，1表示弹出的是层
            offset: 'auto',
            title: ['选择题目', 'font-size:18px;'],
            area: ['500px', '300px'],
            scrollbar: true,
            content: '/ask/chooseAskList.do',   // 弹出iframe的页面链接
            btn: '确认选中'
            ,shade: 0.3 //显示遮罩
            ,yes: function(index){

                var iframe = window['layui-layer-iframe' + index]; // 获取弹出层iframe对象
                var data = iframe.getChooseData();   // 执行弹出页面层的方法getChooseData()，获取选中的数据
                if(data != false){
                    console.log(data);
                    layer.closeAll();
                }

            }
        });




// iframe页面，获取选中数据的方法

function getChooseData() {
        var checkStatus = layui.table.checkStatus('list').data;
        var checkedObj = new Array();
        if(checkStatus.length == 0){
            layer.alert('请选择至少一个题目');
            return false;
        }
        for(var i=0;i<checkStatus.length;i++){
            checkedObj.push(checkStatus[i]);
        }
        return checkedObj;
    }