- ベストアンサー
子ウィンドウから親ウィンドウの操作方法
- 子ウィンドウにて、親ウィンドウのテキストボックスに値を設定する方法を解説。
- window.openerを使用し、親ウィンドウの要素にアクセスして値を変更する手法を紹介。
- さらに、親ウィンドウのチェックボックスを子ウィンドウから操作することができるかについて考察。
- spider32
- お礼率69% (113/162)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
はい、可能です。 親ウィンドウのチェックボックスのIDを「check1」とすると、以下のコードでtrueにすることができます。 ```javascript window.opener.document.getElementById('check1').checked = true; ``` このコードは、子ウィンドウから親ウィンドウのdocumentオブジェクトを取得し、その中でチェックボックスのIDを指定して、checkedプロパティをtrueに設定しています。 具体的なコードとしては、以下のようなコードで実現できます。 ```html <html> <head> <title>子ウィンドウ</title> </head> <body> <script> function setCheckbox() { // 親ウィンドウのチェックボックスをtrueにする window.opener.document.getElementById('check1').checked = true; } </script> <button onclick="setCheckbox()">チェックボックスをtrueにする</button> </body> </html> ``` このコードでは、ボタンをクリックすると、setCheckbox()関数が呼び出されます。setCheckbox()関数では、親ウィンドウのdocumentオブジェクトを取得し、その中でチェックボックスのIDを指定して、checkedプロパティをtrueに設定しています。 親ウィンドウでチェックボックスを表示するには、以下のようなコードで実現できます。 ```html <html> <head> <title>親ウィンドウ</title> </head> <body> <input type="checkbox" id="check1"> </body> </html> ``` このコードでは、チェックボックスを表示しています。チェックボックスのIDは「check1」です。 このコードを実行すると、子ウィンドウのボタンをクリックすると、親ウィンドウのチェックボックスがtrueになります。
お礼