首页 / JAVASCRIPT / javascript – 如何访问iFrame复选框元素

javascript – 如何访问iFrame复选框元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何访问iFrame复选框元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1255字，纯文字阅读大概需要2分钟。

内容图文

有人可以告诉我,如果我有一个由复选框(父母)组成的网页,并且在同一个网页上,我也有一个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>

单击父页面上的按钮将选择框架页面上名为“复选框”的所有复选框.

希望这可以帮助 ：)

内容总结

以上是互联网集市为您收集整理的javascript – 如何访问iFrame复选框元素全部内容，希望文章能够帮你解决javascript – 如何访问iFrame复选框元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/740875.html

来源：【匿名】