2009-06-25 9 views
3

チェックボックス(親)と同じWebページで構成されたWebページがある場合、表示されている別のページから供給されているiframeも持っています私は親チェックボックスをチェックすると、iframe内のすべての子チェックボックスにカスケードして、これらの子チェックボックスを無効にしたいと思います。iFrameチェックボックスの要素にアクセスする方法

iframe内のチェックボックスにアクセスする方法がわからないため、本当に役立つでしょう。 manページの

私のiframe定義は次のようになります。

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

どれ例/ウェブサイトは素晴らしいことです。

ありがとうございました。 トニー。

答えて

6

オーケーは一例です...ここ

まず(私はFramePage.htmそれを呼ばれる)のiFrameコンテンツのソースです...ここで

<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> 

を収容します。これは完全によく

$("#select_checkbox").change(function(event){ 
    $("#content").contents().find(':checkbox').each(function(){ 
     jQuery(this).attr('checked', $("#select_checkbox").is(':checked')); 
    }); 
}); 
select_checkboxが親のチェックボックスのIDです

作品:)

+0

おかげフレームのIDです - 私はそれを試してみる。ところで、iframe内のチェックボックスも無効にする必要があります。checkboxes [i] .disabled = trueですか? – tonyf

+0

私の頭の上から私はそれがcheckboxes [i]と思う.checked = false;私は無効には、コントロールではなく値を無効にすると思う... :) –

0

詳細についてはわかりますが、iframe srcのURLが親と同じドメインにない場合、javascriptによる操作を妨げるクロスドメインセキュリティの問題がある可能性があります。同じ起源の方針の通りです。

1

これは参考になるかもしれません:easily access the iframe documentへのjqueryプラグイン。つまり、ピーターのようなクロスドメインではないと言いました。ここ

0

ホープこのことができます、内容はそのChalkeyため

関連する問題