[jQuery] 子ウィンドウのチェックボックスの値を親ウィンドウに渡す方法

reere

親ウィンドウから子ウィンドウを開いた後、子ウィンドウにあるチェックボックスの値を親ウィンドウに渡す方法についてです。

親ウィンドウ

parents.phpに「子ウィンドウを開くボタン」「テキストフィールド」「取得データ表示用div」を作成します。

HTML jQuery

表示される内容

子ウィンドウを開くボタンとテキストフィールドが表示されます。
親ウィンドウ

子ウィンドウ

children.phpにチェックボックスを作成します。

HTML&jQuery

表示される内容

「value値を取得」「ラベル値を取得」という、2つのチェックボックスのグループが表示されます。
子ウィンドウ

プログラムの実行

子ウィンドウの チェックボックス(ラベル値の取得)の夏と冬にチェックを入れて「ラベル値の取得」ボタンを押します。
チェックボックス

親フォームのテキストフィールドに 夏,冬 という文字が渡されて表示されます。テキストフィールドの下にdivが設定されているので、そちらにも 夏,冬 という文字が表示されます。
データの表示

  • Categories

  • タグ

  • アーカイブ

  • 最近の投稿