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);

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

  • 相关阅读:
    关于xml中有特珠字符而导致XmlDocument无法Load的处理
    【转载】Session分布式共享 = Session + Redis + Nginx
    jQuery ajax 请求php遍历json数组到table中
    VS2015+MySql+EF6采坑经验总结
    请教如何用ASP.NET实现http://abc.com/orderID这样的URL???
    silverlight chart 折线图 的线颜色如何修改???
    SL 的 DATAGRID中如何加入计算列?
    中软酒店管理系统之会员消费短信提醒工具开发
    enable_shared_from_this
    python,flask,login,login_request
  • 原文地址:https://www.cnblogs.com/xyqq/p/12550642.html
Copyright © 2011-2022 走看看