我有一个由复选框(父级)组成的网页,在同一个网页上,我还有一个来自另一个页面的 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”的复选框。
希望这可以帮助:)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)