如何访问iFrame复选框元素

ton*_*nyf 3 javascript

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

任何示例/网站都会很棒.

谢谢.托尼.

小智 6

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

首先是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>
Run Code Online (Sandbox Code Playgroud)

这是包含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>
Run Code Online (Sandbox Code Playgroud)

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

希望这有助于:)