Javascript 如何访问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 src的URL与父项不在同一个域中，则可能存在跨域安全问题，根据相同的源策略，这些问题会阻止通过JavaScript进行操作。

这可能会有所帮助：一个jquery插件。也就是说，如果它不是像彼得说的那样跨域的话。

好的，这里有一个例子

首先，这里是iFrame内容的来源（我称之为FramePage.htm）

这是页面上包含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>

函数setData（）
{
var frame=document.getElementById（'frame'）；
var checkbox=frame.contentWindow.document.getElementsByName（'checkbox'）；
对于（变量i=0；i

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

---

希望这能帮上忙：）

这很好用

$("#select_checkbox").change(function(event){
    $("#content").contents().find(':checkbox').each(function(){
        jQuery(this).attr('checked', $("#select_checkbox").is(':checked'));
    });
});

---

其中select_checkbox是父复选框的id，content是框架的id

谢谢你的粉笔-我会尝试一下。顺便说一句，我还需要禁用iframe中的复选框-这只是复选框[I].disabled=true吗？在我脑海中，我想应该是复选框[I].checked=false；我认为disable会禁用控件，而不是值…：）

$("#select_checkbox").change(function(event){
    $("#content").contents().find(':checkbox').each(function(){
        jQuery(this).attr('checked', $("#select_checkbox").is(':checked'));
    });
});