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);
                    }
    
                })
            }
  • 相关阅读:
    PAT乙级真题1004. 成绩排名 (20)(解题)
    PAT乙级真题1003. 我要通过!(20)(解题)
    PAT乙级真题1002. 写出这个数 (20)(解题)
    PAT乙级真题1001. 害死人不偿命的(3n+1)猜想 (15)(解题)
    2015-03-06——ajax基础
    2015-03-06——正则表达式基础
    2015-02-09——js笔记
    2015-02-08——js笔记
    2015-02-07——js笔记
    2014-10-28——iframe多层嵌套时获取元素总结
  • 原文地址:https://www.cnblogs.com/wybshyy/p/13783633.html
Copyright © 2011-2022 走看看