iframe里操作父窗口的元素（以及IE下iframe透明处理）

跨窗体选中单选按钮

最新推荐文章于 2019-08-09 16:20:29 发布

原创最新推荐文章于 2019-08-09 16:20:29 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #jQuery #框架 #ViewUI

本文介绍了一种使用DOM方法与jQuery相结合的技术来实现跨父窗口与IFRAME选中所有单选按钮的方法。具体包括：1. 在父窗口中通过jQuery选择IFRAME内的所有单选按钮并设置为选中状态。2. 在IFRAME内部操作父窗口中的所有单选按钮并设置为选中状态。

只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的：<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

透明处理<iframe src="{{$root_url}}/activity.php?m=free_order&a=iframe" allowTransparency="true" frameborder=0 name='iframe1' style="background:none; height:30px"></iframe>