• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:子ウィンドウから親ウィンドウのチェックボックス)

子ウィンドウから親ウィンドウの操作方法

このQ&Aのポイント
  • 子ウィンドウにて、親ウィンドウのテキストボックスに値を設定する方法を解説。
  • window.openerを使用し、親ウィンドウの要素にアクセスして値を変更する手法を紹介。
  • さらに、親ウィンドウのチェックボックスを子ウィンドウから操作することができるかについて考察。

質問者が選んだベストアンサー

  • ベストアンサー
  • mikan3b
  • ベストアンサー率81% (9/11)
回答No.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になります。

spider32
質問者

お礼

解決いたしました。有難うございます。

Powered by GRATICA
すると、全ての回答が全文表示されます。

関連するQ&A

このQ&Aのポイント
  • アパートでのテレビ受信に問題が発生し、数日前まで正常に映っていたものの突然映らなくなりました。
  • 受信状況が悪化し、具体的な対処法として端子の確認や接続の見直しが必要です。
  • パナソニック製のテレビについての相談で、専門的な解決策が求められています。
回答を見る

専門家に質問してみよう