gpt4 book ai didi

javascript - 如何访问 iframe 复选框元素

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:38:40 24 4
gpt4 key购买 nike

我有一个由复选框(父级)组成的网页,在同一个网页上,我还有一个 iframe,该 iframe 来自另一个显示许多记录的页面,该页面也有一个复选框(子级)每条记录。如果我勾选父复选框,我想将其级联到 iframe 中的所有子复选框,并禁用这些子复选框。

如何访问 iframe 中的复选框?

我在手册页上的 iframe 定义类似于以下内容:

<iframe id="iframe1" src="'+URL+'" style="border:none;width:799px;height:200px;" frameborder="1" framespacing="0" marginheight="0" marginwidth="0"></iframe>

最佳答案

好的,这是一个例子......

首先这里是 iFrame 内容的来源(我称之为 FramePage.htm)...

<body>
<input id="Checkbox1" type="checkbox" name="checkbox" />
<input id="Checkbox2" type="checkbox" name="checkbox"/>
<input id="Checkbox3" type="checkbox" name="checkbox" />
</body>

这是包含 iFrame 的页面上的源...

<iframe id="frame" src="FramePage.htm"></iframe>

<input id="Button1" type="button" value="button" onclick="setData()" />

<script type="text/javascript">
function setData()
{
var frame = document.getElementById('frame');

var checkboxes = frame.contentWindow.document.getElementsByName('checkbox');

for (var i = 0; i < checkboxes.length; i++)
{
checkboxes[i].checked = true;
}
}
</script>

单击父页面上的按钮将选中框架页面上名称为“checkboxes”的所有复选框。

希望这对:)有帮助

关于javascript - 如何访问 iframe 复选框元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1043786/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com