zoukankan      html  css  js  c++  java
  • layer.open点击确定后获取子页面的值(2种方法)-radio在layui.open如何判断radio选中的单选框的值

    第一种:

    父页面JS部分

    function SetTemp() {
                var title = "选择模板";
                var key = "";
                //var hdmyusers = $("#hdmyusers").val();//勾选的用户ID
                index = layer.open({
                    title: title,
                    type: 2,
                    area: ['555px', '530px'],
                    btn: ['提交'],
                    content: "/YuanGongPingJia/MyUser_SetTemp.aspx?key=" + key ,
                    success: function (layero, index) {
                        form.render();
                        var body = layer.getChildFrame('body', index);
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                    },
                    yes: function (index, layero) {
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                        var body = layer.getChildFrame('body', index);
                        var arr = $(layero).find('iframe')[0].contentWindow.callbackdata();//调用子页面的方法
                        alert(arr.tempid);//取子页面JS里的值
                        //save(body);
                    },
                    cancel: function () {
                        //右上角关闭
                        layer.close(index);
                    }
    
                })
            }

    子页面JS部分

    <script>
            //Demo
            layui.use('form', function () {
                var form = layui.form;
            });
            var callbackdata = function () {
                var data = {
                    tempid: $('input[name="tempt"]:checked').val()
                };
                return data;
            }
        </script>

    子页面HTML

    <input type="radio" id="1" name="tempt" value="1" title="061401">
    <input type="radio" id="2" name="tempt" value="2" title="061402">
    <input type="radio" id="3" name="tempt" value="3" title="061403">

    第二种:

    先取整个子页面对象

    function SetTemp() {
                var title = "选择模板";
                var key = "";
                //var hdmyusers = $("#hdmyusers").val();//勾选的用户ID
                index = layer.open({
                    title: title,
                    type: 2,
                    area: ['555px', '530px'],
                    btn: ['提交'],
                    content: "/YuanGongPingJia/MyUser_SetTemp.aspx?key=" + key ,
                    success: function (layero, index) {
                        form.render();
                        var body = layer.getChildFrame('body', index);
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                    },
                    yes: function (index, layero) {
                        var iframeWin = window[layero.find('iframe')[0]['name']];
                        var body = layer.getChildFrame('body', index);//取子页面对象
                        var arr = $(layero).find('iframe')[0].contentWindow.callbackdata();//调用子页面的方法
                        //alert(arr.tempid);//取子页面JS里的值$('input[name="tempt"]:checked').val()
                        //<label class="layui-form-label" id="testa">选择模板</label>子页面的ID
                        alert($(body).find("#testa").text());
                        //save(body);
                    },
                    cancel: function () {
                        //右上角关闭
                        layer.close(index);
                    }
    
                })
            }
  • 相关阅读:
    FOR XML PATH应用之用一条SQL语句横向合并结果行
    配置SharePoint 2007 过程中引发Microsoft.SharePoint.Upgrade.SPUpgradeException 异常(未能创建配置数据库)的一个解决方法
    Android仿360手机卫士九宫图
    第一个 Android 程序
    图解SharePoint 2010 安装过程
    在Windows Server 2008 R2(64位)上安装SharePoint 2007出现的一个错误的解决方法
    用Hint取代Messagebox来提示错误信息
    近期阅读计划
    测试下外链图片
    淘宝DBA的技术要求
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783633.html
Copyright © 2011-2022 走看看