zoukankan      html  css  js  c++  java
  • 学习Layui笔记-父窗口获取子窗口的radio

    最近学习layui,使用radio做单项选择的时候,发现layui无论怎么取值,都是默认取到第一个radio的值。

    百度下找解决方法。

    html页面部分

    <div class="layui-form" lay-filter="layuiadmin-form-list" id="layuiadmin-form-list" style="padding: 20px 30px 0 0;">
         <div class="layui-form-item">
          <div class="layui-input-inline">
            <center><input type="radio" id="statusa" name="statusa" value="1"  checked title="已付款"></center>
          </div>
          
          <div class="layui-input-inline">
            <center><input type="radio" id="statusa" name="statusa" value="2"   title="已结算"></center>
        </div>
        
          <div class="layui-input-inline">
           <center><input type="radio" id="statusa" name="statusa" value="3"   title="已评价"></center>
        </div>
        
          <div class="layui-input-inline">
           <center><input type="radio" id="statusa" name="statusa" value="4"   title="申请客户接入"></center>
        </div>
        
          <div class="layui-input-inline">
          <center><input type="radio" id="statusa" name="statusa" value="5"   title="退款成功"></center>
        </div>
        
          <div class="layui-input-inline">
           <center><input type="radio" id="statusa" name="statusa" value="-1"   title="申请退款"></center>
        </div>
        
        </div>

    之前以为像之前一样直接取ID的值就会取到想要的值

    var status=iframeWin.document.getElementById("statusa").value;
                  alert(status);

    解决方法:

    现在子页面上先做一个JS函数,取到radio的值。

          window.getRadio=function () {
            var value='';
            var radio = document.getElementsByName("statusa");
            for(var i = 0;i<radio.length;i++)
            {
                if(radio[i].checked==true)
                {value = radio[i].value;
                    break;}
            }
            return value;
        };

    然后在父页面调用这个函数,取到这个函数的返回值。也就是radio的值。

    var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象,执行iframe页的方法:
                  var status=iframeWin.getChoseId();
                  alert(status);

    接下来就可以实现我们想要的结果了。

  • 相关阅读:
    easy ui 表单ajax和from两种提交数据方法
    easy ui 下拉级联效果 ,下拉框绑定数据select控件
    easy ui 下拉框绑定数据select控件
    easy ui 异步上传文件,跨域
    easy ui 菜单和按钮(Menu and Button)
    HTTP 错误 404.3
    EXTJS4.2 后台管理菜单栏
    HTML 背景图片自适应
    easy ui 表单元素input控件后面加说明(红色)
    EXTJS 4.2 添加滚动条
  • 原文地址:https://www.cnblogs.com/xyqq/p/12550642.html
Copyright © 2011-2022 走看看